防止瀏覽器記住用戶名及密碼的簡單實用方法

2019-11-20 22:47:22

字體：大中小

來源：轉載

供稿：網友

如何設置能禁止瀏覽器自動保存表單信息，比如用戶名，密碼？
現在很多瀏覽器都有自動填寫功能，我在input上使用了autocomplete="off"，但在有的瀏覽器上還是被記住了用戶名跟密碼，請問有沒有更有效及簡便的方法來防止瀏覽器記住用戶名及密碼？

1、針對瀏覽器記住密碼
1).首先大部分瀏覽器都是根據表單域的type="password"來判斷密碼域的，所以針對這種情況可以采取“動態設置密碼域”的方法：

復制代碼代碼如下:

解釋：當這個文檔框獲取焦點時才將其變成密碼域，這樣瀏覽器就不會記住密碼，當然為了更加完善，還可以把autocomplete="off"屬性也加上。
2).在onload事件,把密碼框的值清空,即：

復制代碼代碼如下:

 
<script language="javascript"> 
window.load = function(){ 
document.getElementById('密碼域ID').value=''; 
}; 
</script> 

3).頁面采用https協議，因為https是不會對表單進行保存信息的。
4).采用flash做登錄表單，這種情況瀏覽器也不會記錄表單信息。
5).再來個變態的好了，就是可以把type="password"改成type="text",因為type不是password就不會出現記住密碼功能,然后設置一個變量如：var val=""或者是設置一個隱藏域<input type="hidden" name="val">，最后用onpropertychange把密碼換成一行圓點,并把值賦給val，提交時再把val的值還原回去，由于效果和*號一樣。用戶是看不出來的。

2、針對有些瀏覽器插件的自動填表功能
這個就比較麻煩了，我想這種情況應該是插件記住表單域name的值，然后再進行填表，這種情況，我覺得可以在頁面加載時動態更改name的值，當提交表單的時候再把表單的值組合成正確的對應值再提交。這個沒有經過驗證，只是我個人的想法。你可以試試

如果以上這些方法還滿足不了你，那我也沒辦法了。

建議：
試一下把對應域名下的cookie清掉,瀏覽器應該是根據cookie來記住用戶名密碼的。
(不是的，有的瀏覽器是在你提交表單后，根據你提交的值來記住的)
(對的有些瀏覽器不記錄在COOKIE 這個比較頭疼順便問下INPUT里輸入過的值如何清除？我希望能像銀行的那樣輸入過的值不再出現)
瀏覽器記住密碼的實現方式就是通過尋找type為password的input輸入框，然后前邊一個輸入框就作為用戶名記住。所以解決這個問題的辦法就是在用戶名input和密碼input之間增加一個type為text的輸入框設置css屬性display為none。

上一篇：jquery打開直接跳到網頁最下面、最低端實現代碼

下一篇：js播放wav文件(源碼)