谷歌瀏覽器input輸入框自動填充數據


問題:如題,在谷歌瀏覽器中,有時input標簽會自動填充數據,如用戶名密碼等。。。

解決:給input標簽加上autocomplete屬性,

如果是type=“text”就加上autocomplete="off"屬性,

如果type="password",就加上autocomplete="new-password"屬性,(之所以不用off值,是因為沒用。雖然官方沒有說過有new-password這個值,但是卻是正確的,而且網易的也是用的這個)

最重要的一點:假如我有一個input標簽是單獨使用的,該標簽下面沒有密碼輸入框,如下圖搜索框

這種情況下,如果給該input標簽加上autocomplete="off"是沒有效果的,原理不太清楚

解決方法:

  1.  
    //搜索框
  2.  
    <input type="text" autocomplete="off" >
  3.  
    //下面是額外加的標簽
  4.  
    <input type="password" autocomplete="new-password" style="display: none"/>

給搜索框的input標簽下額外加一個input且type="password"的密碼框,並且設置為隱藏


免責聲明!

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



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