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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM