HTML5爲input的type類型增加了多種枚舉值,用來表達不同的意思,同事具有驗證功能,如果格式不對,瀏覽器將原始提供錯誤提示,堪稱超級牛X啊,具體如下:
Keyword |
Data type |
hidden |
任意字符 |
text |
單行文本 |
search |
單行文本 |
tel |
單行文本 |
url |
絕對地址 |
|
一個或多個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在現有元素上的更新改變。
- figure元素
- figcaption元素
- track元素
- embed元素
- mark元素
- progress元素
- time元素
- ruby, rt和rp元素
- bdi元素
- wbr元素
- canvas元素
- command元素
- details元素