记住密码后，密码框Password会自动带出数据_html/css_WEB-ITnose
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了记住密码后，密码框Password会自动带出数据_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1910字，纯文字阅读大概需要3分钟。
内容图文
一般登陆之后浏览器会询问是否记住密码，如果把密码记住在浏览器上，下次登陆的时候浏览器会把用户名和密码自动填充到登录页面。前段时间服务站平台的员工账号模块提测后，测试提出360浏览器记住密码后会自用把登陆账号和密码填充到添加账号页面和修改账号页面（部分其他浏览器也会有该问题），经过本地测试后发现确实存在该问题。 类似于这样：
从用户的角度来说 这么整肯定不行，即使是浏览器的问题。通过组内人员的一步一步探索最终找到解决办法：
1. 通过网上搜索 发现有些文章是提供设置设置文本框的autocomplete属性为off，根据该方法修改后发现并没有解决问题，原来该属性的含义代表是否让浏览器自动记录之前输入的值。
2. 从一篇文章上看到 “大部分浏览器都是根据表单域的type="password"来判断密码域”，也给出了解决办法， “动态改变文本框”。
在页面加载时不让它是密码框，改成文本框，果然密码就匹配不上了。当该密码框获取焦点后改变他的type属性 this.type="password",这种写法可以实现功能。但使用IE浏览器测试时发现在IE8及一下的浏览器中this.type会报错。该方法还是不能彻底解决这个问题。
3. 在文本框外面嵌套标签
可以在文本框获取焦点之后直接改变label标签的html
$("#SecondPwd").live('focus', function () { if ($(this).attr('type') == 'text') { /*改变label标签的html*/ $('#password2').html(''); /*标签获取焦点*/ $('#SecondPwd').focus(); }}) 这种写法在IE8及以下浏览器下面都可以实现效果，但经过后期测试又发现在360急速模式下面仍然能够填充上用户名和密码，还得找其他的解决办法
4. 在使用第五种方法的之前，考虑把所有的框都先设为只读，然后在获取焦点后设置成可写，失去焦点后在只读，但密码框设置为可写之后仍会匹配上。
5. 加载一个显示的文本框和隐藏的密码框
当文本框再获取焦点之后
$("[name=txtPwd]").live('focus', function () { /*当前文本框隐藏*/ $(this).hide(); /*隐藏的密码框显示并且获取焦点 只读属性去掉*/ $('#pwd1').show().attr('readonly', false).focus();}) 如果大家也遇到这种问题可以参考一下这种方法，或者谁有更好的方法可以分享一下。
内容总结
以上是互联网集市为您收集整理的记住密码后，密码框Password会自动带出数据_html/css_WEB-ITnose全部内容，希望文章能够帮你解决记住密码后，密码框Password会自动带出数据_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。