HTML5學習筆記簡明版（5）：input的type超級類型

class="area">

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元素