1. 程式人生 > >HTML5的form如何關閉自動完成功能

HTML5的form如何關閉自動完成功能

HTML的輸入框可以擁有自動完成的功能,當你往輸入框輸入內容的時候,瀏覽器會從你以前的同名輸入框的歷史記錄中查找出類似的內容並列在輸入框下面,這樣就不用全部輸入進去了,直接選擇列表中的專案就可以了。

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

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

1、在IE的Internet選項選單裡的內容--自動完成裡面設定

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

3、設定輸入框的autocomplete為"on"或者"off"來開啟或者關閉該輸入框的自動完成功能

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

xml 程式碼
  1. 開啟自動完成功能的Form<br>  
  2. <form name="form1" autocomplete="on">  
  3.     開啟自動完成功能的輸入框  
  4.     <input type="text" autocomplete="on" name="txtOff1"><br>  
  5.     關閉自動完成功能的輸入框  
  6.     <input type="text" autocomplete="off" name="txtOn1"><br>  
  7.     <input type="submit" value="提交"
    ><br>  
  8. </form>  
  9. 關閉自動完成功能的Form<br>  
  10. <form name="form1" autocomplete="off">  
  11.     開啟自動完成功能的輸入框  
  12.     <input type="text" autocomplete="on" name="txtOff1"><br>  
  13.     關閉自動完成功能的輸入框  
  14.     <input type="text" autocomplete="off" name="txtOn1"><br>  
  15.     <input type
    ="submit" value="提交"><br>  
  16. </form>