解决浏览器会自动填充用户名密码的问题

Html注册用户信息表单中,其用户名密码经常被自动似填充,这在安全方面十分不被受欢迎。

想要解决这个问题,首页就得要了解浏览器是根据什么原理来实现用户名密码填充的。

有人说在input标签上加上属性autocomplete="off"就可以。经过试验,这种方法不完全起作用的。

所以在不断的尝试过程中,发现浏览器填充密码的方式,那就是,找到页面上第一个type为password的input以及其上一个input进行填充。


发现了这个规律后,很自然的就想到了,是不是可以在真正的password前面加一个隐藏的password,

<input type="password" stype="dispay:none" />

按原理上来说,这样讲道理是可以起作用的,


但经过我最近一段时间的验证,如chrome浏览器新版本,已不识别这样隐藏方式。

最后,我提供一个完美的解决方案,就是在真正的password前面加一个input,再把这个input标签移到屏幕外

<input style="position: absolute;left: 9999999px" />
<input type="password" class="text" id="password" name="password"  />

  • 3
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值