以下情況下會自動填充用戶和密碼信息:
1、在用戶和密碼包含在form的情況下,同時包含一個 type="text"和 type="password"元素且不包含readonly和disabled屬性,兩個元素可以沒有name和id屬性
2、在沒有form的情況下,同時包含一個 type="text"和 type="password"元素且不包含readonly和disabled屬性,且兩個元素至少都有name或id屬性(但name和id可以是任意值但不能是空或空格)。
規避以上情況可以實現禁止自動填充西賬號密碼
登錄或者注冊瀏覽器會提示是否記住密碼
當瀏覽器記住密碼后,之后的每次登錄/注冊都會自動填充輸入框
默認的解決方案是在form與input上添加autocomplete=“off”,但是在很多瀏覽器上不起作用
網上也提供了好多方案,比如在最前面放一個隱藏的input標簽或者是把autocomplete設置為new-password,瀏覽器調試工具測試后具不起作用啊,有木有
(在chrome上測試了一下隱藏的type=text的input放在正常input的后面,而password放到前面)
比較可信的有兩種方案
第一:
默認設置input為readonly onfouces的時候去掉這個屬性,onblur的時候加上這個屬性
第二:
現在頁面顯示一個假的輸入框,當這個輸入框foucus的時候,把真的輸入框替換上去,當失去焦點的時候再替換回來,這樣即使瀏覽器要記住密碼也不會在輸入框上留下痕跡
