HTML5 form的新特性

    HTML5 Form在保持了簡(jiǎn)便易用的同時(shí)，還增加了很多的內(nèi)置控件和屬性，HTML5主要在以下幾個(gè)方面對(duì)目前的Web表單做了改進(jìn)。

1.內(nèi)建的表單校驗(yàn)系統(tǒng)

    HTML5為不同類型的輸入控件，各自提供了新的屬性以控制這些控件的輸入行為，如常見的必填項(xiàng)required屬性，以及數(shù)字類型控件提供的max、min等。在提交表單時(shí)，一旦校驗(yàn)錯(cuò)誤，瀏覽器將不執(zhí)行提交操作，并且會(huì)給出相應(yīng)的提示信息，如下面的代碼所示：

    <input type="text" required/〉

    <input type="number" min="1" max="10"/>

2.新的控件類型

    HTML5提供了一系列新控件，完全具備類型檢查的功能，如email輸入框。

    <input type="email" />

    當(dāng)然，除了上述email類型之外，還有非常重要的曰期輸入類型框。在HTML5之前，通常使用JS和CSS實(shí)現(xiàn)日歷腳本，而現(xiàn)在只需要使用<inputtype"date"/>即可實(shí)現(xiàn)日期的選擇。

3.改進(jìn)的文件上傳控件

    可以使用一個(gè)空間上傳多個(gè)文件，自行規(guī)定上傳文件的類型，甚至可以設(shè)定每個(gè)文件的最大容量。在HTML5應(yīng)用中，文件上傳控件將變得非常強(qiáng)大和易用。

4.重復(fù)的模型

    HTML5提供了一套重復(fù)機(jī)制，來幫助用戶構(gòu)建一些需要重復(fù)輸入的列表，其中包括add、remove, move-up、move-down等按鈕類型。通過一套重復(fù)的機(jī)制，開發(fā)人員可以非常方便地實(shí)現(xiàn)經(jīng)?？吹降木庉嬃斜怼?/p>