HTML5學習筆記簡明版(5):input的type超級類型
2011-12-12 08:39 湯姆大叔 閱讀(4469) 評論(2) 收藏 舉報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元素
HTML5為input的type類型增加了多種枚舉值,用來表達不同的意思,同事具有驗證功能,如果格式不對,瀏覽器將原始提供錯誤提示,堪稱超級牛X啊。同時大叔發現mhtml5網站上已經有很多現成的資料了,所以余下的一些新元素請大家自行參考該網站的資料學習,大叔將著重繼續學習HTML5在現有元素上的更新改變。
浙公網安備 33010602011771號