HTML5 INPUT新增屬性

input新增的這些屬性，使得html和js的分工更明確了，使用起來十分舒暢。

我們先看下input新增了的屬性：

新增屬性一：

autoconmplete

autoconmplete可以賦值為 on 或者 off。當為 on的時候，瀏覽器能自動儲存使用者輸入的內容。當使用者返回到曾經填寫過值的頁面的時候，瀏覽器能把使用者寫過的值自動填寫在相應的input框裡。

現在很多**都實現了這個功能，不過基本都是用php來實現的。用了這個屬性，無疑可以減少很多前端和後台的交流量和工作量。

新增屬性二：autofocus

autofocus 可以賦值為 autofocus，也就是在頁面載入完成的時候自動聚焦到這個input標籤，自然 type="hidden"的時候是不能用的。這個也是乙個比較常見的效果，至今為止的實現方法是用js。在頁面載入完時執行聚焦操作，現在也被乙個屬性搞定了。

可以想象，乙個頁面至多只有乙個input標籤會設定 autofocus，否則必然不會達到預期效果。因為不可能同事聚焦在兩個input上。

新增屬性三：required

input的有乙個強力新增屬性，免去驗證的麻煩。可以賦值為 required。

比如使用者註冊頁面的使用者名稱和密碼都是必填的，只要設定乙個required就可以了。而在以前是需要js來驗證或者後台驗證的。

注意：這裡required屬性是需要使用者來填寫的，所以type是button、submit、reset、image等等不需要使用者填寫選擇的型別是不可以使用這個屬性的。

新增屬性四：placeholder

這個新增屬性也是非常使用，用在type= text email等等型別的時候，提示使用者輸入資訊的格式或者內容等等。這個效果在之前也是需要js來實現的。是一種比較常見的效果：

新增屬性五

：新增list屬性---聯想框效果

注意從這個屬性使用的特點：需要有對應的datalist標籤；datalist子標籤option支援 value和lable兩個屬性；list的屬性值要和datalist的id一致。

使用示例（opera支援）

效果圖

新增屬性六： min、max屬性來限制數值範圍，minheight、maxheight屬性來限制字串長度。

其他新增屬性： height、width設定高和寬 form、formaction、formmethod、fromtarget、formenctype等等屬性來覆蓋掉預設設定。