怎么在HTML5中使用form關閉自動完成功能

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

首先，HTML5 中有個新屬性autocomplete ，autocomplete 屬性規定表單是否應該啟用自動完成功能，它自動完成允許瀏覽器預測對字段的輸入。當用戶在字段開始鍵入時，瀏覽器基于之前鍵入過的值，應該顯示出在字段中填寫的選項。

如：

<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>請填寫并提交此表單，然后重載頁面，來查看自動完成功能是如何工作的。</p>
<p>請注意，表單的自動完成功能是打開的，而 e-mail 域是關閉的。</p>

會發現，autocomplete="on"的會被“記錄下來”，而E-mail的autocomplete="off"，再次輸入時不會被“記錄”。這就是“HTML5中form的自動完成功能”啦！

還不太清楚的可以去w3school手冊繼續學習。

如何關閉自動完成功能

有時候我們希望關閉輸入框的自動完成功能，例如當用戶輸入內容的時候，我們希望使用AJAX技術從數據庫搜索并列舉而不是在用戶的歷史記錄中搜索。

關閉輸入框的自動完成功能有3種方法：

1、在IE的Internet選項菜單里的內容--自動完成里面設置

2、設置Form的autocomplete為"on"或者"off"來開啟或者關閉自動完成功能
（關閉整個表單（form）自動提示功能）

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

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

打開自動完成功能的Form<br> 

<form name="form1" autocomplete="on">  
    打開自動完成功能的輸入框  
    <input type="text" autocomplete="on" ><br>  
    關閉自動完成功能的輸入框  
    <input type="text" autocomplete="off"><br>  
    <input type="submit" value="提交"><br>  
</form>

關閉自動完成功能的Form<br> 

<form name="form1" autocomplete="off">  
    打開自動完成功能的輸入框  
    <input type="text" autocomplete="on"><br>  
    關閉自動完成功能的輸入框  
    <input type="text" autocomplete="off"><br>  
    <input type="submit" value="提交"><br>  
</form>

以上就是怎么在HTML5中使用form關閉自動完成功能，小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注億速云行業資訊頻道。