WEB前端現在是時下較火的編程語言之一，但是對于怎么學習或者學習哪些內容很多朋友都是不了解的，針對以上內容小猿圈web前端講師總結了form如何關閉自動完成功能的方法？希望對你的前端學習有一定的幫助。

什么是HTML5的form自動完成功能？

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

如：

First name:

Last name:

E-mail:

請填寫并提交此表單，然后重載頁面，來查看自動完成功能是如何工作的。

請注意，表單的自動完成功能是打開的，而 e-mail 域是關閉的。

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

如何關閉自動完成功能

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

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

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

2、設置Form的autocomplete為"on"或者"off"來開啟或者關閉自動完成功能

(關閉整個表單(form)自動提示功能)

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

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

打開自動完成功能的Form

打開自動完成功能的輸入框

關閉自動完成功能的輸入框

關閉自動完成功能的Form

打開自動完成功能的輸入框

關閉自動完成功能的輸入框

建議：不要全部關閉自動完成功能，根據需要禁用一部分自動完成功能即可，如果你覺得瀏覽器自帶的自動完成功能還不夠強大，可以使用jquery插件來實現更加強大的自動提示完成功能。

小猿圈web前端講師認為：授之以魚更授之以漁，想要學好web前端首先需要就是端正自己的學習態度，明確學習目標，這樣才能堅持學習。想要了解更多關于前端方面的小伙伴，可以關注小猿圈每天的動態，會不定期更新互聯網編程知識，希望對你的學習有一定的幫助。

總結

以上是生活随笔為你收集整理的设置框开始隐藏状态html5,小猿圈分享HTML5中form如何关闭自动完成功能的方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。