問題:如題,在谷歌瀏覽器中,有時input標簽會自動填充數據,如用戶名密碼等。。。
解決:給input標簽加上autocomplete屬性,
如果是type=“text”就加上autocomplete="off"屬性,
如果type="password",就加上autocomplete="new-password"屬性,(之所以不用off值,是因為沒用。雖然官方沒有說過有new-password這個值,但是卻是正確的,而且網易的也是用的這個)
最重要的一點:假如我有一個input標簽是單獨使用的,該標簽下面沒有密碼輸入框,如下圖搜索框

這種情況下,如果給該input標簽加上autocomplete="off"是沒有效果的,原理不太清楚
解決方法:
-
//搜索框
-
<input type="text" autocomplete="off" >
-
//下面是額外加的標簽
-
<input type="password" autocomplete="new-password" style="display: none"/>
給搜索框的input標簽下額外加一個input且type="password"的密碼框,並且設置為隱藏
