屬性:
1、 form屬性
在HTML5中表單元素可放在表單之外,通過給該元素添加form屬性即可。
2、 formaction屬性
HTML5給提交按鈕(如button、submit、image等)增加了formaction屬性,以便提交到不同的服務器地址
3、formmethod屬性
既然對提交按鈕有了formaction屬性,就相應的有了formmethod屬性
4、 placeholder屬性
給文本框(text或textarea)處於未輸入狀態時的壹種文字提示
5、autofocus屬性
自動獲得焦點,壹個頁面只能有壹個控件具有該屬性
6、 list屬性
HTML5為單行文本框增加了壹個list屬性,該屬性的值為某個datalist元素的id,增加該屬性後的單行文本框類似選擇框(select),但允許用戶自定義輸入,為了避免沒有支持該蒜素的瀏覽器出現錯誤,我們通常使用CSS設置不顯示
6、autocomplete屬性
自動完成允許瀏覽器預測對字段的輸入,在HTML5之前自動完成不能自定義設置,任何人都可以看到,所以存在安全隱患,在HTML5中可以通過此屬性來指定“on”、”off“或“”(不指定)三種,不指定時使用瀏覽器的默認值,這取決於各瀏覽器的決定。
元素:
HTML5大幅度地增加和改良了input元素的種類
search 與text文本框類似,用於搜索;
tel 與text文本框類似,用於電話;
url 與text文本框類似,用於url格式的地址;
email 與text文本框類似,用於email格式的地址;
number 與text文本框類似,用於數值;
range 只允許輸入壹段範圍內的數值,通過min和max屬性來設置範圍;
color 顏色文本框,“#000000”格式的文字;
file 文件選擇文本框,HTML5中通過multiple屬性可以多選;
datetime、date、month、week、time、datetime-local 各種日期與時間輸入的文本框;
output 定義不同類型的輸出;
表單驗證
自動驗證
所謂自動驗證,就是通過為元素添加相應的屬性來達到驗證的要求
1、 required屬性
具有該屬性的元素,如果其內容為空則不允許提交,並給出相應的提示
2、pattern屬性
具有該屬性的元素,如果內容不為空則把內容與pattern的值進行正則匹配,匹配不成功則不通過並提示
3、min屬性和max屬性
它們是值類型和日期類型的input元素專用屬性,限制了輸入的範圍
4、 step屬性
控制元素的值增加或減少的步幅,如輸入11-100之間的數字,且步幅是5,那麽只能輸入11、16、21....
顯示驗證
除了給元素添加屬性來自動驗證外,在HTML5中,form元素與輸入元素(input)包括select元素和textarea都具有壹個checkValidity方法,調用該方法可以進行手動驗證,checkValidity方法以boolean的形式返回驗證結果。
取消驗證
取消表單驗證有兩個屬性:用於form的novalidate和用於submit的formnovalidate:
自定義錯誤
在HTML5中沒經過驗證的表單瀏覽器會有默認的提示,但也提供了通過JavaScript的來設置自定義錯誤提示信息
增強的頁面元素
1、figure元素
figure是個組合元素,可以帶標題figcaption,壹個figure只允許放置壹個figcaption
2、details元素
details提供了壹種替代Javascript的、將畫面上局部區域進行展開或收縮的方法
3 、mark元素
mark元素表示頁面需要突出顯示或高亮顯示的部分,經典的是搜索結果
4、progress元素
可以給progress設置value和max屬性,value表示已經進行的,max表示總數,value和max只能為有效的浮點數,value必須大於0小於等於max。如果不給progress設置這兩個屬性,則是動態顯示正在進行,進度不確定。
5、 meter元素
定義度量衡
6、改良的ol列表
在HTML5中為ol元素添加了start屬性和reversed屬性
7、改良的dl列表
dl是專門用來定義術語的列表,在HTML5中為dt增加了名字dfn
8、 另外還有cite用於表示作者,small用於標識“小型文本”等