解决浏览器自动填充账号密码行为
2021-09-08 本文已影响0人
秀萝卜
360浏览器会记住input中的name值,因为试了一下改name值也可以达到不让浏览器自动填充的效果,但是火狐和谷歌并没有用(找不到官方的说法,我只能通过表现来猜测)。
因此大部分浏览器保存密码之后,下次会在相同属性的input框中填充用户名和密码。这样就容易出现用户在有账号并且点了浏览器保存的前提下,再次注册时,验证码框和输入密码框被浏览器填充之前的账号密码(我猜测是浏览器检测到input属性是text并且下一个input属性又是password的原因)
最直观的方法
直接添加隐藏的input框给浏览器填充
<input name="name" type="text" style="z-index: -10;height: 1px;width:1px;"/>
<input name="password" type="password" style="z-index: -10;height: 1px;width:1px;"/>
复制一组input用于给浏览器自动填充用户名和密码,记住不能隐藏diplay:none,隐藏过后还会将下面的框赋值。
可以使用absolute绝对定位,让其它div遮挡住。
每个浏览器的自动填充都会有一些大同小异,我根据这三个浏览器来实验的。如果你觉得和你浏览器表现不同应该是版本原因。
就直接用直观的方法把,不用担心其他浏览器怎么样,如果还不行,就解决提出问题的人!哼哼
————————————————
版权声明:本文为CSDN博主「温柔先生」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_43623808/article/details/102876694