防止浏览器记住用户名及密码的简单实用方法

内容来自:http://www.jb51.net/article/35878.htm

如何设置能禁止浏览器自动保存表单信息,比如用户名,密码? 

现在很多浏览器都有自动填写功能,我在input上使用了autocomplete="off",但在有的浏览器上还是被记住了用户名跟密码,请问有没有更有效及简便的方法来防止浏览器记住用户名及密码? 

1、针对浏览器记住密码 
1).首先大部分浏览器都是根据表单域的type="password"来判断密码域的,所以针对这种情况可以采取“动态设置密码域”的方法: 
复制代码代码如下:

<input type="text" name="password" οnfοcus="this.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。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在HTML中,可以给表单元素添加`autocomplete="off"`属性来防止浏览器自动填充表单。例如: ```html <form> <label for="username">Username:</label> <input type="text" id="username" name="username" autocomplete="off"> <br> <label for="password">Password:</label> <input type="password" id="password" name="password" autocomplete="off"> <br> <input type="submit" value="Submit"> </form> ``` 但是,这种方法并不一定适用于所有浏览器和版本。有些浏览器可能不支持`autocomplete="off"`属性,或者会忽略它。此外,用户可以通过修改浏览器设置来允许自动填充。 如果想要更可靠地防止浏览器自动填充表单,可以使用JavaScript来动态生成表单,并在输入框上添加`autocomplete="new-password"`属性。例如: ```javascript var form = document.createElement('form'); var usernameLabel = document.createElement('label'); usernameLabel.htmlFor = 'username'; usernameLabel.textContent = 'Username:'; var usernameInput = document.createElement('input'); usernameInput.type = 'text'; usernameInput.id = 'username'; usernameInput.name = 'username'; usernameInput.autocomplete = 'new-password'; form.appendChild(usernameLabel); form.appendChild(usernameInput); document.body.appendChild(form); ``` 同样地,这种方法也不是100%可靠。有些浏览器可能会忽略`autocomplete="new-password"`属性,或者用户可以通过修改浏览器设置来允许自动填充。 如果想要防止浏览器记住密码,可以在表单提交时将密码字段的值清空。例如: ```javascript form.addEventListener('submit', function(event) { var passwordInput = document.getElementById('password'); passwordInput.value = ''; }); ``` 这样,当用户再次访问该页面时,浏览器会提示他们保存密码,但是保存密码将是空的。但是,这种方法并不适用于所有浏览器和版本。有些浏览器可能会在表单提交之前保存密码,或者用户可以通过修改浏览器设置来允许保存密码
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值