滿足以下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 中的新屬性它規定表單是否應該啟用自動完成功能。自動完成允許瀏覽器預測對字段的輸入。當用戶在字段開始鍵入時，瀏覽器基于之前鍵入過的值，應該顯示出在字段中填寫的選項。

值描述

1. on默認。規定啟用自動完成功能。
2. off規定禁用自動完成功能。