autocomplete失效

問題描述：最近項目中，使用谷歌瀏覽器（版本70）登陸到系統，不想每次登陸都要輸入一遍用戶名和密碼，因此選擇了將用戶名+密碼保存了。而後問題就來了：登陸到系統後，切換網站頁面，凡有文本框所在之處，input文本框默認有填充了登陸的用戶名+密碼。以下圖：

 

 

 o(╥﹏╥)o 而後我這裏並不須要用戶名和密碼啊！！！

幾經翻閱百度，解決辦法以下幾種

（1）強制刪除瀏覽器緩存，這個方法太傻X，也不是想要的結果，用戶體驗極差。身爲一名合格的程序員，這種是不能容忍的。

（2）在input標籤前面增長一個相同的inpu標籤，name值保持一致，將其設置個display=「none」屬性。

 

網友說：提交表單的時候會重複提交兩個input,這裏沒有測試。

（3）使用readonly方法

 

 （4）給input設置屬性 autocomplete="new-password"，

         通過測試給type="password"類型的input文本框設置 autocomplete="new-password"，確實管用。type=「text」的設置 autocomplete="off"便可解決這個問題。

 參考連接：https://blog.csdn.net/GXXxasm/article/details/79695358

https://www.jianshu.com/p/3bbc6420ce96