湯姆大叔的博客

HTML5為input的type類型增加了多種枚舉值，用來表達不同的意思，同事具有驗證功能，如果格式不對，瀏覽器將原始提供錯誤提示，堪稱超級牛X啊。同時大叔發現mhtml5網站上已經有很多現成的資料了，所以余下的一些新元素請大家自行參考該網站的資料學習，大叔將著重繼續學習HTML5在現有元素上的更新改變。

HTML5為input的type類型增加了多種枚舉值，用來表達不同的意思，同事具有驗證功能，如果格式不對，瀏覽器將原始提供錯誤提示，堪稱超級牛X啊，具體如下：

 

Keyword	Data type
hidden	任意字符
text	單行文本
search	單行文本
tel	單行文本
url	絕對地址
email	一個或多個email地址
password	單行文本
datetime	帶有時區的時間
date	無時區的年月日時間
month	無時區的年月
week	無時區的周數
time	無時區的時間（小時，分鐘，秒，毫秒）
datetime-local	無時區的日期與時間
number	數字值
range	范圍：<input type="range" min=0 max=100 step=20 value=50>
color	8-bit表示的顏色
checkbox	checkbox
radio	radio
file	文件
submit	提交按鈕
image	圖片按鈕
reset	n/a
button	n/a

 參考資料：http://www.mhtml5.com/resources/html5%E6%95%99%E7%A8%8B%EF%BC%88%E5%85%AD%EF%BC%89-html5-input%E7%B1%BB%E5%9E%8B

 

學習至此，大叔發現mhtml5網站上已經有很多現成的資料了，所以如下的一些新元素請大家自行參考該網站的資料學習，大叔將著重繼續學習HTML5在現有元素上的更新改變。

1. figure元素
2. figcaption元素
3. track元素
4. embed元素
5. mark元素
6. progress元素
7. time元素
8. ruby, rt和rp元素
9. bdi元素
10. wbr元素
11. canvas元素
12. command元素
13. details元素