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


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 鼠标移动上去小三角形滑块缓慢跟随效果
Apr 26 Javascript
页面载入结束自动调用js函数示例
Sep 23 Javascript
JavaScript中Math对象方法使用概述
Jan 02 Javascript
JQuery与Ajax调用新浪API获取短网址的代码
Feb 07 Javascript
基于jQuery实现美观且实用的倒计时实例代码
Dec 30 Javascript
js实现table添加行tr、删除行tr、清空行tr的简单实例
Oct 15 Javascript
基于bootstrap页面渲染的问题解决方法
Aug 09 Javascript
js canvas实现红包照片效果
Aug 21 Javascript
微信小程序中上传图片并进行压缩的实现代码
Aug 28 Javascript
layer.open组件获取弹出层页面变量、函数的实例
Sep 25 Javascript
js实现金山打字通小游戏
Jul 24 Javascript
JavaScript模拟实现网易云轮播效果
Apr 04 Javascript
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/13 PHP
windows服务器中检测PHP SSL是否开启以及开启SSL的方法
2014/04/25 PHP
PHP中FTP相关函数小结
2016/07/15 PHP
php基于ob_start(ob_gzhandler)实现网页压缩功能的方法
2017/02/18 PHP
PHP7内核CGI与FastCGI详解
2019/04/14 PHP
jQuery 常见学习网站与参考书
2009/11/09 Javascript
javascript计算用户打开网页的停留时间
2014/01/09 Javascript
Array 重排序方法和操作方法的简单实例
2014/01/24 Javascript
jquery实现不同大小浏览器使用不同的css样式表的方法
2014/04/02 Javascript
用js一次改变多个input的readonly属性值的方法
2014/06/11 Javascript
javascript下拉列表菜单的实现方法
2015/11/18 Javascript
Bootstarp风格的toggle效果分享
2016/02/23 Javascript
Bootstrap响应式侧边栏改进版
2016/09/17 Javascript
深入理解Angular中的依赖注入
2017/06/26 Javascript
微信小程序 动画的简单实例
2017/10/12 Javascript
angular2系列之路由转场动画的示例代码
2017/11/09 Javascript
Node.js 利用cheerio制作简单的网页爬虫示例
2018/03/01 Javascript
Angular CLI在Angular项目中如何使用scss详解
2018/04/10 Javascript
js实现下拉框二级联动
2018/12/04 Javascript
layui table 列宽百分比显示的实现方法
2019/09/28 Javascript
ES6使用 Array.includes 处理多重条件用法实例分析
2020/03/02 Javascript
[05:08]顺网杯ISS-DOTA2赛歌 少女偶像Lunar青春演绎
2013/12/05 DOTA
如何使用VSCode愉快的写Python于调试配置步骤
2018/04/06 Python
matplotlib.pyplot绘图显示控制方法
2019/01/15 Python
解决Pycharm界面的子窗口不见了的问题
2019/01/17 Python
python3中确保枚举值代码分析
2020/12/02 Python
Python编写万花尺图案实例
2021/01/03 Python
python math模块的基本使用教程
2021/01/16 Python
html5.2 dialog简介详解
2018/02/27 HTML / CSS
全球知名鞋履品牌授权零售商:Journeys
2016/09/17 全球购物
加拿大国民体育购物网站:National Sports
2018/11/04 全球购物
总经理岗位职责范本
2014/02/02 职场文书
节约用水演讲稿
2014/05/21 职场文书
刑事附带民事诉讼答辩状
2015/05/22 职场文书
Python实现智慧校园自动评教全新版
2021/06/18 Python
Nginx如何配置根据路径转发详解
2022/07/23 Servers