HTML5 Forms的核心設(shè)計理念:規(guī)范的核心是功能性動作和語義,而非外觀和顯示效果井赌。
可以從W3C往回走哪上找到html5所有新增和修改的元素
http://w3c.github.io/html-reference/
1.新的輸入控件
<form>
<input type="tel" /> <input type="email" /> <input type="url" /> <input type="search" />
</form>
和type="text"在桌面瀏覽器基本一樣,只是在移動端會調(diào)用不同的輸入控件來方便用戶操作贵扰,如果是不支持的瀏覽器就會以text來顯示
range類型仇穗,為了讓用戶能夠在指定的范圍內(nèi)進行選擇
<input type="range" min="18" max="120" value="18" onchange="ageDisplay.value=value" />
<output id="ageDisplay">18</output>
output元素是用于存放值的表單元素
progress元素,默認顯示一個動態(tài)的進度條
<progress></progress>
可以設(shè)置當前值和最大值
<progress value="30" max="100"></progress>
還有一些沒有得到瀏覽器廣泛支持的表單元素
color 顏色選擇器
datetime 日期時間選擇器
datetime-local 日期時間選擇器(不含時區(qū))
time 時間選擇器
date 日期選擇器
week 周選擇器
month 月選擇器
2.新的表單特性和函數(shù)
開發(fā)功能強大的Web應(yīng)用程序的用戶界面時戚绕,代碼量通常會很大纹坐,而表單控件的很多特性和API旨在有效的減少代碼量。
1.placeholder
輸入框提示信息
2.autocomplete
是否保存輸入的值以備將來使用
on 該字段無需受到保護舞丛,值可以被保存和恢復(fù)
off 該字段需要受到保護耘子,值不可以被保存
unspecified 包含<form>的默認設(shè)置
3.autofocus
指定某個表單元素獲得輸入焦點,每個頁面上只允許出現(xiàn)一個
4.ellcheck
拼寫錯誤檢查球切,一般用在文本框或者textarea控件
5.list和datalist
自定義列表控件谷誓,一般運用在input元素上
6.min和max
一般用在range類型,設(shè)置取值最小值和最大值范圍
7.step
一般用在range類型欧聘,設(shè)置輸入值的遞增或遞減的粒度
8.valueAsNumber函數(shù)
控件值類型在文本與數(shù)值之間的轉(zhuǎn)換片林,如果轉(zhuǎn)換失敗,返回NaN(Not-a-Number)
9.required
輸入型控件必填怀骤,否則無法提交表單