阻止瀏覽器記住密碼
1、以下方法不好使(谷歌瀏覽器)
如何讓瀏覽器找不到密碼框?尤其是Google Chrome,我在密碼框上邊加了隱藏密碼框還是不行,他還是能填充上。
程式碼如下
<input type="password" name="txtPassword" style="display:none">
<input type="password" name="txtPassword" placeholder="請輸入密碼" autocomplete="off" />
另外還有一種方式: <input type="password" style="display:none">
<input type="password" placeholder="請輸入密碼" autocomplete="new-password" />
谷歌瀏覽器比較吊,只加上一個隱藏密碼框還是不行的,把兩個密碼框名字改成一樣的就好了,這傢伙就找不到了,(*^__^*) 嘻嘻…
2、
瀏覽器自動填充機制
反覆測試後發現瀏覽器自動填充機制是滿足:頁面裡有一個type=password的input且這個input前面有一個type=text的input的時候就會進行自動填充。firefox和360瀏覽器的處理方式是:只要檢測到頁面裡有滿足填充機制的,不管是不是display:none 的,只要檢測到就直接往裡填充。而且是有幾個符合條件的就填充幾個。而chrome 54版本略有不同:滿足上面的條件且頁面裡只有一個type=password 的input。才會自動給第一個type=text 的input填充賬號,給type=password 的input填充密碼。
解決方案
所以根據這個機制,我的解決辦法是:給第一個type=text的input前面再加一個隱藏的type=text的input,給第一個type=password的input前面再加一個隱藏的type=password的input。