什么是HTML5的form自動(dòng)完成功能？

首先，HTML5 中有個(gè)新屬性autocomplete ，autocomplete 屬性規(guī)定表單是否應(yīng)該啟用自動(dòng)完成功能，它自動(dòng)完成允許瀏覽器預(yù)測(cè)對(duì)字段的輸入。當(dāng)用戶在字段開(kāi)始鍵入時(shí)，瀏覽器基于之前鍵入過(guò)的值，應(yīng)該顯示出在字段中填寫(xiě)的選項(xiàng)。

如：

<form autocomplete="on">
  First name:<input type="text" name="fname" /><br />
  Last name: <input type="text" name="lname" /><br />
  E-mail: <input type="email" name="email" autocomplete="off" /><br />
  <input type="submit" />
</form>
<p>請(qǐng)?zhí)顚?xiě)并提交此表單，然后重載頁(yè)面，來(lái)查看自動(dòng)完成功能是如何工作的。</p>
<p>請(qǐng)注意，表單的自動(dòng)完成功能是打開(kāi)的，而 e-mail 域是關(guān)閉的。</p>

會(huì)發(fā)現(xiàn)，autocomplete="on"的會(huì)被“記錄下來(lái)”，而E-mail的autocomplete="off"，再次輸入時(shí)不會(huì)被“記錄”。這就是“HTML5中form的自動(dòng)完成功能”啦！

還不太清楚的可以去w3school手冊(cè)繼續(xù)學(xué)習(xí)。

如何關(guān)閉自動(dòng)完成功能

有時(shí)候我們希望關(guān)閉輸入框的自動(dòng)完成功能，例如當(dāng)用戶輸入內(nèi)容的時(shí)候，我們希望使用AJAX技術(shù)從數(shù)據(jù)庫(kù)搜索并列舉而不是在用戶的歷史記錄中搜索。

關(guān)閉輸入框的自動(dòng)完成功能有3種方法：

1、在IE的Internet選項(xiàng)菜單里的內(nèi)容--自動(dòng)完成里面設(shè)置

2、設(shè)置Form的autocomplete為"on"或者"off"來(lái)開(kāi)啟或者關(guān)閉自動(dòng)完成功能
（關(guān)閉整個(gè)表單（form）自動(dòng)提示功能）

3、設(shè)置輸入框(input)的autocomplete為"on"或者"off"來(lái)開(kāi)啟或者關(guān)閉該輸入框的自動(dòng)完成功能（關(guān)閉密碼域的自動(dòng)完成）

測(cè)試代碼：（在每個(gè)form輸入文字然后提交，然后再回來(lái)看看能否自動(dòng)完成，注意要提交后才能有歷史記錄，才可能自動(dòng)完成；提交后頁(yè)面可能出錯(cuò)，不用管它，后退回去即可）

打開(kāi)自動(dòng)完成功能的Form<br> 

<form name="form1" autocomplete="on">  
    打開(kāi)自動(dòng)完成功能的輸入框  
    <input type="text" autocomplete="on" ><br>  
    關(guān)閉自動(dòng)完成功能的輸入框  
    <input type="text" autocomplete="off"><br>  
    <input type="submit" value="提交"><br>  
</form>  

關(guān)閉自動(dòng)完成功能的Form<br> 

<form name="form1" autocomplete="off">  
    打開(kāi)自動(dòng)完成功能的輸入框  
    <input type="text" autocomplete="on"><br>  
    關(guān)閉自動(dòng)完成功能的輸入框  
    <input type="text" autocomplete="off"><br>  
    <input type="submit" value="提交"><br>  
</form> 

建議：不要全部關(guān)閉自動(dòng)完成功能，根據(jù)需要禁用一部分自動(dòng)完成功能即可，如果你覺(jué)得瀏覽器自帶的自動(dòng)完成功能還不夠強(qiáng)大，可以使用jquery插件來(lái)實(shí)現(xiàn)更加強(qiáng)大的自動(dòng)提示完成功能。

比如百度搜索框的自動(dòng)提示功能就非常強(qiáng)大。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。