EB前端現在是時下較火的編程語言之一，但是對于怎么學習或者學習哪些內容很多朋友都是不了解的，針對以上內容小猿圈web前端講師總結了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的自動完成功能”啦！
如何關閉自動完成功能
有時候我們希望關閉輸入框的自動完成功能，例如當用戶輸入內容的時候，我們希望使用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>
建議：不要全部關閉自動完成功能，根據需要禁用一部分自動完成功能即可，如果你覺得瀏覽器自帶的自動完成功能還不夠強大，可以使用jquery插件來實現更加強大的自動提示完成功能。
小猿圈web前端講師認為：授之以魚更授之以漁，想要學好web前端首先需要就是端正自己的學習態度，明確學習目標，這樣才能堅持學習。想要了解更多關于前端方面的小伙伴，可以關注小猿圈每天的動態，會不定期更新互聯網編程知識，希望對你的學習有一定的幫助。
WEB前端現在是時下較火的編程語言之一，但是對于怎么學習或者學習哪些內容很多朋友都是不了解的，針對以上內容小猿圈web前端講師總結了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的自動完成功能”啦！
如何關閉自動完成功能
有時候我們希望關閉輸入框的自動完成功能，例如當用戶輸入內容的時候，我們希望使用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>
建議：不要全部關閉自動完成功能，根據需要禁用一部分自動完成功能即可，如果你覺得瀏覽器自帶的自動完成功能還不夠強大，可以使用jquery插件來實現更加強大的自動提示完成功能。
小猿圈web前端講師認為：授之以魚更授之以漁，想要學好web前端首先需要就是端正自己的學習態度，明確學習目標，這樣才能堅持學習。想要了解更多關于前端方面的小伙伴，可以關注小猿圈每天的動態，會不定期更新互聯網編程知識，希望對你的學習有一定的幫助。