表單自動填充autocomplete的兼容性方案


以下情況下會自動填充用戶和密碼信息:

    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的時候,把真的輸入框替換上去,當失去焦點的時候再替換回來,這樣即使瀏覽器要記住密碼也不會在輸入框上留下痕跡


免責聲明!

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



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