3.1　HTML5表單特性

HTML5表單新增了很多功能，我們將在本章各節中詳細說明。下面簡單列舉幾個對于開發者來說具有重要價值的特性。提示：瀏覽器對最后3個特性的支持不是很好，W3C可能會在最終的HTML5版本中放棄規范。

1．新的控件類型

HTML5新增一系列新的控件，這些表單控件具備類型檢查的功能，如URL輸入框、Email輸入框等。

    <input type="url" />
    <input type="email" />

2．日期選擇器和顏色選擇器

在HTML5之前，用戶一般使用JavaScript和CSS設計日期選擇器和顏色選擇器，這樣費時費力，且使用不是很友好。簡便的方法就是借助相關框架，如Dojo、YUI等類庫。

    <input type="date" />
    <input type="color" />

3．改進文件上傳控件

在HTML5中，文件上傳控件變得非常強大和易用，用戶可以使用一個控件上傳多個文件，自行規定上傳文件的類型（accept），甚至可以設定每個文件最大的大?。╩axlength）。

4．內建表單校驗系統

HTML5為不同類型的輸入控件各自提供了新的屬性，來控制這些控件的輸入行為，如必填項required屬性，為數字類型控件提供的max、min等。在提交表單時，一旦校驗錯誤，瀏覽器將不執行提交操作，而會顯示相應的檢驗錯誤信息。

    <input type="text" required />
    <input type="number" min=10  max=100 />

5．XML Submission

form的編碼格式一般為application/x-www-form-urlencoded。這種格式的數據傳送到服務器端，可以方便地存取。HTML5將提供一種新的數據格式—XML Submission，即application/x-www-form+xml，這樣服務器端將直接接收到XML形式的表單數據。

6．外聯數據源

在HTML5之前，為select下拉列表動態添加很多選項，非常煩瑣，而這些選項多來自于數據庫，如分類列表、商品列表等。HTML5支持data屬性，為select控件提供外聯數據源。

    <select data="http://domain/options"></select>

7．重復（repeat）的模型

HTML5提供一套重復機制來幫助用戶構建一些重復輸入列表，如add、remove、move-up、move-down的按鈕類型，通過這一套重復的機制，開發人員可以非常方便地實現經常用到編輯列表，這是一個很常規的模式，我們可以增加一個條目、刪除某個條目、移動某個條目等。