禁止浏览器保存和填充密码

在初始化构建整个页面结构的时候不要出现 input type=”password”元素,可以使用 input type=”text”元素代替。然后为 type=”text” 元素增加 onfocus 事件,当事件触发后:动态把input type=”text”修改为 input type=”password”,在提交前清空输入框密码,并修改密码框为文本框。

浏览器保存密码是根据input=”password”来判断的,所有我们只要保证浏览器在dom结构中识别不到密码框即可。密码输入位置默认为input=”text”,在输入框上添加 onfocus=”this.type=’password'” 输入框获得焦点时改变输入框格式为密码框。

测试结果

1. 使用此方法即可在进入界面时浏览器不填充密码,也不会在提交之后保存密码。
2. IE8+、Chrome、FF、360测试通过。
3. 其实写这段代码的时候只是为了禁止Chrome保存密码,对于其他浏览器只是验证是否正常显示。
4. 此方法不针对通过js向密码框输入密码的情况,因为js输入不触发获得焦点事件。

最新文章:谷歌浏览器保存密码之后,input自动填充的问题
https://www.lihuyong.com/archives/356

猜你喜欢

发表评论

最新发布