200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > 怎么禁止浏览器弹框记住/保存密码及不自动填充密码

怎么禁止浏览器弹框记住/保存密码及不自动填充密码

时间:2021-11-26 02:29:21

相关推荐

怎么禁止浏览器弹框记住/保存密码及不自动填充密码

一、本文解决的问题:

1、不会在浏览器弹框提示保存密码

2、用户名和密码框不自动填充已保存的信息

3、单击用户名框时不下拉选择历史输入过的信息

测试浏览器:IE,谷歌,火狐

二、现象及问题:

1、登录后弹框提示保存密码:(谷歌浏览器示例)

2、点击保存,重新访问登录页会自动填充用户名和密码:

3、输入过的用户名会被记录,单击时会下拉选择:

三、解决方法

1、解决浏览器弹框提示保存密码

登录页index.html:

登录后的跳转页面api.html:

注意:div使用display:none不能解决问题。div标签上使用了定位,目的是将用户名和密码框整体可见,从屏幕可视范围移除,间接实现不显示。

这样再登录就不会弹框提示保存密码了。

你以为这样就完了吗!!!

NO!

以上方案适用于IE、谷歌,火狐则无效。

2、解决火狐弹框提示保存密码

原理:

1> 如果你的登录有form标签,请将登录button放到form外;

2> 登录成功后,在跳转页面前将密码框清空。

代码如下:

3、解决页面加载后自动填充密码

1> 用户名框加autocomplete="off"解决文本框记住历史输入内容,单击用户名时会下拉选择

2> 密码框设置readonly属性,单击时再移除

代码如下:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。