相容性
input type
iefirefox
opera
chrome
safari
no4.0
9.010.0
no
urlno4.0
9.010.0
no
number
nono9.0
7.0no
search
no4.0
11.0
10.0
no
color
nono11.0
nono
range
nono9.0
4.04.0
date pickers
nono9.0
10.0
no
email 型別用於應該包含 e-mail 位址的輸入域。type在提交表單時，會自動驗證 email 域的值，要求必須包含@符號，同時必須包含伺服器名稱，如果不能滿足驗證，則會阻止當前的資料提交
="email"
name
="user_email"
/>
tel
tel 型別並不是來實現驗證。它的本質目的是為了能夠在移動端開啟數字鍵盤。意味著數字鍵盤限制了使用者只能輸入數字。type
="tel"
name
="user_tel"
/>
url
url 型別用於應該包含 url 位址的輸入域。在提交表單時，會自動驗證 url 域的值。驗證只能輸入合法的**：必須包含http://。
**：type
="url"
name
="user_url"
>
number 型別用於應該包含數值的輸入域。
數量：type
="number"
name
="points"
value
="10"
max="20"
min="0"
/>
maxnumber
規定允許的最大值
minnumber
規定允許的最小值
value
number
規定預設值
step
number
規定合法的數字間隔（如果 step=「3」，則合法的數是 -3,0,3,6 等）
提示：iphone 中的 safari 瀏覽器支援 number 輸入型別，並通過改變觸控螢幕鍵盤來配合它（顯示數字）。
search
search 型別用於搜尋域，比如站點搜尋或 google 搜尋。search 域顯示為常規的文字域。
search:type
="search"
/>
color 型別顏色選擇器
color:type
="color"
/>
range 型別用於應該包含一定範圍內數字值的輸入域。range 型別顯示為滑動條。
range：type
="range"
name
="points"
min="1"
max="10"
/>
maxnumber
規定允許的最大值
minnumber
規定允許的最小值
value
number
規定預設值
date pickers
html5 擁有多個可供選取日期和時間的新輸入型別：date - 選取日、月、年
month - 選取月、年
week - 選取周和年
time - 選取時間（小時和分鐘）
datetime - 選取時間、日、月、年（utc 時間）
datetime-local - 選取時間、日、月、年（本地時間）
選取日、月、年：type
="date"
name
="user_date"
/>
選取月、年：type
="month"
name
="user_date"
/>
選取周、年：type
="week"
name
="user_date"
/>
選取時間（小時和分鐘）：type
="time"
name
="user_date"
/>
選取時間、日、月、年（utc 時間）：type
="datetime"
name
="user_date"
/>
選取時間、日、月、年（本地時間）：type
="datetime-local"
name
="user_date"
/>
placeholder：提示文字，提示佔位
使用者名稱：type
="text"
name
="user_name"
placeholder
="請輸入文字"
/>
autofocus:自動獲取焦點
使用者名稱：type
="text"
name
="user_name"
autofocus
/>
autocomplete:自動完成：on：開啟 off：關閉1.必須成功提交過:提交過才會記錄
2.當前新增autocomplete的元素必須有name屬性
使用者名稱：type
="text"
name
="user_name"
autocomplete
="on"
/>
required：必須輸入，如果沒有輸入則會阻止當前資料提交
使用者名稱：type
="text"
name
="user_name"
required
/>
pattern:正規表示式驗證
手機號：type
="tel"
name
="userphone"
pattern
="^(\+86)?1\d$"
>
檔案：type
="file"
name
="photo"
multiple
/>
type
="email"
name
="email"
multiple
/>
HTML5新增的表單元素
html5新增的表單元素 progress進度條 max 進度元素所要求的任務的工作量，預設值為1 value 已經完成的工作量，如果max值為1，該值必須是介於0 1之間的小數 例如 output使用者動作產生的結果 name 定義元素的名稱 for 其他元素的id列表，表明這些元素為計算提供了輸...
HTML5表單元素
新的表單元素 1.datalist元素 規定輸入域的選項列表，datalist屬性規定form或input域應該擁有的自動完成的功能。當使用者在自動完成域中開始輸出時，瀏覽器應該在域中顯示填寫的選項。2.keygen提供一種驗證使用者的可靠方法。用於表單的金鑰對生成器字段。當提交表單時，會生成兩個鍵...
HTML 5 表單元素
html5 的新的表單元素 html5 擁有若干涉及表單的元素和屬性。本章介紹以下新的表單元素 datalist 元素 datalist 元素規定輸入域的選項列表。列表是通過 datalist 內的 option 元素建立的。如需把 datalist 繫結到輸入域，請用輸入域的 list 屬性引用 ...