1. 程式人生 > >阻止瀏覽器記住密碼

阻止瀏覽器記住密碼

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