HTML5 form的新特性
HTML5 Form在保持了簡便易用的同時,還增加了很多的內置控件和屬性,HTML5主要在以下幾個方面對目前的Web表單做了改進。
1.內建的表單校驗系統
HTML5為不同類型的輸入控件,各自提供了新的屬性以控制這些控件的輸入行為,如常見的必填項required屬性,以及數字類型控件提供的max、min等。在提交表單時,一旦校驗錯誤,瀏覽器將不執(zhí)行提交操作,并且會給出相應的提示信息,如下面的代碼所示:
<input type="text" required/〉
<input type="number" min="1" max="10"/>
2.新的控件類型
HTML5提供了一系列新控件,完全具備類型檢查的功能,如email輸入框。
<input type="email" />
當然,除了上述email類型之外,還有非常重要的曰期輸入類型框。在HTML5之前,通常使用JS和CSS實現日歷腳本,而現在只需要使用<inputtype"date"/>即可實現日期的選擇。
3.改進的文件上傳控件
可以使用一個空間上傳多個文件,自行規(guī)定上傳文件的類型,甚至可以設定每個文件的最大容量。在HTML5應用中,文件上傳控件將變得非常強大和易用。
4.重復的模型
HTML5提供了一套重復機制,來幫助用戶構建一些需要重復輸入的列表,其中包括add、remove, move-up、move-down等按鈕類型。通過一套重復的機制,開發(fā)人員可以非常方便地實現經??吹降木庉嬃斜?。
點擊加載更多評論>>