h5新標籤

h5主要增加關於圖像,位置,存儲,多任務等功能。HTML5是HTML4的升級版本。相比之下,h5增加WEB網頁的表現力,同時增加表單,本地數據等全新功能,對於未來網站的建設是一個很好的指引。

繪畫CANVAS
用於播放媒體的Video和audio元素;
本地離線存儲localstroage長期存儲數據,瀏覽器關閉後數據不丟失;sessionstorage的數據在瀏覽器後自動刪除;
語義化更好的內容元素如:article,footer,header,nav,section;
表單控件,type屬性有calendar,date,time,email,URL,search;
移除的元素有:純表現的元素:basefont,big,center,font,strike,s,tt,u;
對可應用產生負面影響的元素:frame,frameset,noframes;

input標籤增加了許多的新屬性
(1)對input,select,texearea與button指定autofocus屬性,它以指定屬性的方式讓元素在頁面加載後自動獲得焦點,一個頁面只能有一個元素有autofocus屬性,同時設置多個,則第一個生效,當輸入框獲取焦點的時候,提示字符消失。
這個屬性對於登錄頁面很有用,提升用戶本身的體驗。頁面加載後用戶登錄可直接輸入無需用戶手動定位到輸入框。
(2)對於input的datepickers,number,range增加了max,min,step屬性。max屬性規定輸入域所允許的最大值。
min屬性規定輸入域允許的最小值。
step屬性爲輸入域規定的合法數字間隔。
ep屬性可以與max以及min屬性配合使用,以創建合法值範圍。

pattern屬性
pattern屬性用於驗證輸入字段的模式,就是正則表達式,不用再寫js綁定的正則驗證,非常方便,
pattern屬性適用於input的text,search,url,telephone,email,password.

multiple屬性
multiple屬性規定輸入域可選擇多個值。
multiple屬性適用於input的email,file.允許上傳時一次上傳多個文件。

版權說明:本文轉載自http://www.jb51.net/html5/491289.html

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章