防止浏览器记住用户名及密码的简单实用方法
更新时间：2013年04月22日 10:59:41 作者：
很多浏览器都有自动填写功能，我在input上使用了autocomplete="off"，但在有的浏览器上还是被记住了用户名跟密码，请问有没有更有效及简便的方法来防止浏览器记住用户名及密码
如何设置能禁止浏览器自动保存表单信息，比如用户名，密码？
现在很多浏览器都有自动填写功能，我在input上使用了autocomplete="off"，但在有的浏览器上还是被记住了用户名跟密码，请问有没有更有效及简便的方法来防止浏览器记住用户名及密码？
1、针对浏览器记住密码
1).首先大部分浏览器都是根据表单域的type="password"来判断密码域的，所以针对这种情况可以采取“动态设置密码域”的方法：
<input type="text" name="password" onfocus="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。
现在很多浏览器都有自动填写功能，我在input上使用了autocomplete="off"，但在有的浏览器上还是被记住了用户名跟密码，请问有没有更有效及简便的方法来防止浏览器记住用户名及密码？
1、针对浏览器记住密码
1).首先大部分浏览器都是根据表单域的type="password"来判断密码域的，所以针对这种情况可以采取“动态设置密码域”的方法：
复制代码 代码如下:
<input type="text" name="password" onfocus="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。
相关文章
这篇文章主要为大家详细介绍了js自定义弹框插件的简单封装，自己封装一个弹框插件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
Webpack 是前端工程化常用的静态模块打包工具,在合适的时机通过 Webpack 提供的 API 改变输出结果,使 Webpack 可以执行更广泛的任务,拥有更强的构建能力,本文将介绍 Tapable 的基本使用以及底层实现,需要的朋友可以参考下2023-11-11
本篇文章主要是对JS中表单的使用进行了详细的总结介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
有时候一些js代码并不希望在别的浏览器下运行，就需要事先判断一下，方便下面的操作。2010-03-03
这篇文章主要为大家详细介绍了bootstrapTable的参数设置，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
javascript操作cookie_获取与修改代码，跟以前的方法有所进步，者使用类的方法。2009-05-05
这篇文章主要为大家详细介绍了OpenLayers3实现地图显示功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
向导可以让你的网站用户快速上手使用你的web应用，提高网站的吸引力。向导一般分为好几个步骤，每个步骤收集一些数据，并且支持退回功能，所有步骤完成后可以得到每一步的收集结果。这里给大家展示一种比较通用，灵活且简单的向导框架。2011-08-08
javascript拖拽上传类库DropzoneJS使用方法
这篇文章主要介绍了javascript拖拽上传类库DropzoneJS使用方法，大家参考使用吧2013-12-12
js判断undefined类型,undefined,null, 的区别详细解析
本篇文章主要是对js判断undefined类型,undefined,null,NaN的区别进行了详细的分析介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
最新评论