HTML5 form的新特性

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

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

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

    <input type="text" required/〉

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

2.新的控件類(lèi)型

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

    <input type="email" />

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

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

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

4.重復(fù)的模型

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