本篇文章給大家分享的是有關(guān)怎么在HTML5中使用form關(guān)閉自動(dòng)完成功能，小編覺得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

從網(wǎng)站建設(shè)到定制行業(yè)解決方案，為提供成都網(wǎng)站建設(shè)、網(wǎng)站制作服務(wù)體系，各種行業(yè)企業(yè)客戶提供網(wǎng)站建設(shè)解決方案，助力業(yè)務(wù)快速發(fā)展。創(chuàng)新互聯(lián)將不斷加快創(chuàng)新步伐，提供優(yōu)質(zhì)的建站服務(wù)。

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

如：

  First name:
  Last name: 
  E-mail: 
  

請?zhí)顚懖⑻峤淮吮韱?，然后重載頁面，來查看自動(dòng)完成功能是如何工作的。
請注意，表單的自動(dòng)完成功能是打開的，而 e-mail 域是關(guān)閉的。

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

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

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

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

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

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

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

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

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

打開自動(dòng)完成功能的Form
 

  
    打開自動(dòng)完成功能的輸入框  
    
  
    關(guān)閉自動(dòng)完成功能的輸入框  
    
  
    
  

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

  
    打開自動(dòng)完成功能的輸入框  
    
  
    關(guān)閉自動(dòng)完成功能的輸入框  
    
  
    
  

以上就是怎么在HTML5中使用form關(guān)閉自動(dòng)完成功能，小編相信有部分知識點(diǎn)可能是我們?nèi)粘９ぷ鲿姷交蛴玫降?。希望你能通過這篇文章學(xué)到更多知識。更多詳情敬請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。