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


Posted in Javascript onApril 22, 2013

如何设置能禁止浏览器自动保存表单信息,比如用户名,密码?
现在很多浏览器都有自动填写功能,我在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。

Javascript 相关文章推荐
javascript 获取HTML DOM父、子、临近节点
Jun 16 Javascript
jquery checkbox 勾选的bug问题解决方案与分析
Nov 13 Javascript
jQuery简单实现禁用右键菜单
Mar 10 Javascript
jQuery+css3实现Ajax点击后动态删除功能的方法
Aug 10 Javascript
jQuery的ajax下载blob文件
Jul 21 Javascript
浅析Angular2子模块以及异步加载
Apr 24 Javascript
JS实现标签页切换效果
May 04 Javascript
jQuery实现的隔行变色功能【案例】
Feb 18 jQuery
Vue.js + Nuxt.js 项目中使用 Vee-validate 表单校验
Apr 22 Javascript
vue项目中将element-ui table表格写成组件的实现代码
Jun 12 Javascript
vue 调用 RESTful风格接口操作
Aug 11 Javascript
vue+flask实现视频合成功能(拖拽上传)
Mar 04 Vue.js
js播放wav文件(源码)
Apr 22 #Javascript
如何将一个String和多个String值进行比较思路分析
Apr 22 #Javascript
『JavaScript』限制Input只能输入数字实现思路及代码
Apr 22 #Javascript
『jQuery』名称冲突使用noConflict方法解决
Apr 22 #Javascript
『jQuery』.html(),.text()和.val()的概述及使用
Apr 22 #Javascript
『jQuery』取指定url格式及分割函数应用
Apr 22 #Javascript
网页整体变灰白色(兼容各浏览器)实例
Apr 21 #Javascript
You might like
配置php网页显示各种语法错误
2013/09/23 PHP
PHP中的闭包(匿名函数)浅析
2015/02/07 PHP
php实现指定字符串中查找子字符串的方法
2015/03/17 PHP
Zend Framework教程之Loader以及PluginLoader用法详解
2016/03/09 PHP
php+mysql实现简单登录注册修改密码网页
2016/11/30 PHP
PHP数组遍历的几种常见方式总结
2019/02/15 PHP
Exitjs获取DataView中图片文件名
2009/11/26 Javascript
High Performance JavaScript(高性能JavaScript)读书笔记分析
2011/05/05 Javascript
setTimeout的延时为0时多个浏览器的区别
2012/05/23 Javascript
js实现单一html页面两套css切换代码
2013/04/11 Javascript
jquery实现table鼠标经过变色代码
2013/09/25 Javascript
深入理解JavaScript系列(25):设计模式之单例模式详解
2015/03/03 Javascript
使用AngularJS中的SCE来防止XSS攻击的方法
2015/06/18 Javascript
jQuery改变form表单的action,并进行提交的实现代码
2016/05/25 Javascript
jQuery实现简单的手风琴效果
2020/04/17 jQuery
Vuex 单状态库与多模块状态库详解
2018/12/11 Javascript
jQuery实现图片随机切换、抽奖功能(实例代码)
2019/10/23 jQuery
如何修改Vue打包后文件的接口地址配置的方法
2020/04/22 Javascript
JavaScript 获取滚动条位置并将页面滑动到锚点
2021/02/08 Javascript
Python中的super用法详解
2015/05/28 Python
Python实现查找匹配项作处理后再替换回去的方法
2017/06/10 Python
使用Python操作excel文件的实例代码
2017/10/15 Python
PyCharm代码整体缩进,反向缩进的方法
2018/06/25 Python
python实现Excel文件转换为TXT文件
2019/04/28 Python
Python实现线性插值和三次样条插值的示例代码
2019/11/13 Python
Pytorch GPU显存充足却显示out of memory的解决方式
2020/01/13 Python
python自动下载图片的方法示例
2020/03/25 Python
html5调用摄像头功能的实现代码
2018/05/07 HTML / CSS
阿联酋网上花店:Ferns N Petals
2018/02/14 全球购物
新西兰第一的行李箱网站:luggage.co.nz
2019/07/22 全球购物
css animation配合SVG制作能量流动效果
2021/03/24 HTML / CSS
大班开学家长寄语
2014/04/04 职场文书
我爱祖国演讲稿
2014/09/02 职场文书
青年文明号汇报材料
2014/12/23 职场文书
学生个人评语大全
2015/01/04 职场文书
Pytorch 如何加速Dataloader提升数据读取速度
2021/05/28 Python