HTML ??? ?? ??

HTML? ??? ?? ??

HTML5??? ??? ??? ??? ???? ?? ?? ?? ??? ??? ?? ?? ?? ?? ?????.
??: ??? ???? ? ???? ??????.
? ??: ??(?, ?, ?, ?? ??) ??? ?????.
?datetime: UTC ???? ???? ?? ? ?? ?? ??(?, ?, ? ? ?? ?).
?datetime-local: ???? ??? ?? ? ?? ??? ???? ? ?????.
???: ???? ???? ?????.
??: ??? ?? ??, ?? ???? ??????.
?number: ?? ??? ?? ??? ?????.
???: ???? ? ??? ???? ? ?????.
?search: ?? ???? ???? ?? ?? ? ??? ?????. ??? ??? ? ??? ???? ?????.
?tel: ???? ??? ?????.
?time: ??? ?? ?? ??? ????? ?????.
?url: URL? ???? ?????. .
??: ?-??? ??? ??? ????? ????, ???? ???? ???? ????. Miaomiaoxue?? ?? ????? ???? ??? ??? ??? ??? ??? ??? ?? ????.

??: ?? ?? ????? ??? ?? ??? ???? ?? ???? ?? ?? ?? ?????? ??? ? ????. ???? ???? ?? ??? ??? ??? ? ????.

?? ??: ??

?? ??? ??? ?? ?? ?? ??? ?? ?? ??? ?????.

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>顏色選擇測試</title> 
</head>
<body>
<form action="demo-form.php">
  選擇你喜歡的顏色: <input type="color" name="favcolor"><br>
  <input type="submit">
</form>
</body>
</html>

?? ??: ??`??`?`?

<!DOCTYPE HTML>
<html>
<meta charset="utf-8">
<body>
HTML代碼：
選擇日期：<input type="date" value="2011-01-04" /><br/><br/>
選擇時間：<input type="time" value="22:52" /><br/><br/>
選擇星期：<input type="week"/><br/><br/>
選擇月份：<input type="month"/><br/><br/>
</body>
</html>

?? ??: ??

?? ??? ?????. ?? ?? ???? ?? ?? ?????.

???? ??? ??? ??? ?? ????.

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>
<form action="demo-form.php">
  數量 ( 1 到 5 之間): <input type="number" name="quantity" min="1" max="5">
  <input type="submit">
</form>
<p><b>注意:</b>Internet Explorer 9 及更早IE版本不支持 type="number" 。</p>
</body>
</html>

?? ??: ??

?? ?? ??? ?????. ?? ?? ?? ?? ?? ???? ?? ?????.

?? ??? ????? ?????.

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
</head>
<body>
<form action="demo-form.php" method="get">
Points: <input type="range" name="points" min="1" max="10">
<input type="submit">
</form>
<p><b>注意:</b> Internet Explorer 9 及更早IE版本不支持 type="range"。</p>
</body>
</html>

?? ??: search, tel, url

?? ??? ???? ???? ?????. , ??? ???? Google ??? ?? ????.

tel? ???? ?? ??? ?????.

url ??? URL ??? ???? ?? ?? ??? ?????.

??? ???? URL ??? ?? ???? ?????.

????

???? ??

??? ??

<!DOCTYPE HTML> <html> <meta charset="utf-8"> <body> HTML代碼：選擇日期：<input type="date" value="2011-01-04" /><br/><br/> 選擇時間：<input type="time" value="22:52" /><br/><br/> 選擇星期：<input type="week"/><br/><br/> ?選擇月份：<input type="month"/><br/><br/> </body> </html>

?????? ???

????