禁止瀏覽器記錄 文本框以前輸入過的內容

當知足如下2個條件時，瀏覽器會自動記錄輸入過的值，當用戶再次輸入的時候就能自動完成；

1：input標籤在form標籤下；

2：點擊了此form標籤下的submit按鈕；

具體的表現形式以下圖，瀏覽器自動顯示輸入過的值後會遮擋到下面的驗證碼，對於我這種記性差到即使只有這4個數字都懶得記，非要邊看着驗證碼邊輸入的人是沒法忍受的；額；好吧；我認可記性是躺槍的，主要是懶；

若是說驗證碼這個示例你能忍受的話；那麼下面這張圖確定是沒法忍的了；這個搜索框有一個ajax 事件，當輸入內容後會發送異步請求搜索商品，可是瀏覽器的自動顯示的輸入記錄就會遮擋後邊的搜索結果；

解決這個狀況的方法是爲input標籤添加autocomplete屬性並設爲off

<input class="text" autocomplete="off" type="text" name="word" value="輸入商品名稱">

順便介紹下autocomplete；

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

值	描述
on	默認。規定啓用自動完成功能。
off	規定禁用自動完成功能。

本文爲白俊遙原創文章,轉載無需和我聯繫,但請註明來自白俊遙博客baijunyao.com