位置:首頁 > 軟件操作教程 > 編程開發(fā) > HTML > 問題詳情

HTML5 form的新特性

提問人:劉團圓發(fā)布時間:2020-11-16

    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ā)人員可以非常方便地實現經??吹降木庉嬃斜?。

繼續(xù)查找其他問題的答案?

相關視頻回答
回復(0)
返回頂部