今天碰見了一個問題，要清除下圖中的下拉的值

（瀏覽器自動記錄之前輸入的值）

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

1、input標籤在form標籤下；

2、點選了此form標籤下的submit按鈕；

具體的表現形式如下圖，當我輸入使用者名稱的時候，瀏覽器會自動顯示我之前輸入過的使用者名稱

通常我們會在form表單上加入autocomplete="off" 或者 在輸入框中加入autocomplete="off"

解決這個情況的方法有兩種

  一、是為input標籤新增autocomplete屬性並設為off

<input class="text" autocomplete="off" type="text" name="username" value="">
 

二、是在form表單上新增autocomplete屬性並設為off

<form method="post" action="" name="login" autocomplete="off">
 
</form>

順便介紹下autocomplete；

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

   三、但是有一種情況例外，就是表單中有input[type="password"]，點選儲存密碼後，在Chrome瀏覽器還是自動填充了使用者名稱和密碼的輸入框；為了統一樣式，我們需要就對Chrome的問題經行單獨處理。

解決方案如下：

   可以在不需要預設填寫的input框中設定 autocomplete="new-password"

網上沒有找到對其詳細解釋，但是發現163網易免費郵的郵箱帳號登入是這麼用的，

所以就借鑑借鑑咯，測試之後也是可以解決問題的，也是最簡單的解決辦法，網易給您點個贊！

該部落格轉載自：

      作者：白俊遙部落格baijunyao.com

            如果有遇到不懂或者有問題時，可以掃描下方二維碼，歡迎進群交流與分享，希望能夠跟大家交流學習！