admin管理员组

文章数量:1558098

在360浏览器,qq浏览器等登录页输入账号密码,在页面内再次遇见有密码框的地方会自动填充,在网上没有找到合适的解决办法,然后自己琢磨了一个,仅供参考。


登录页的账号密码输入框不需要做任何变化。


我们可以看到在我的邮箱配置管理页面的弹窗里,有涉及到输入密码的地方,即输入框类型为type="password"的地方,密码会自动填充。就算编辑邮件配置内容的弹窗,本身就有value值,但是依然会在加载出来的时候被自动填充的账号和密码覆盖。



解决方法:比如我们原先的html是这样的,这时候浏览器会自动填充账号密码到以下两个输入框中。

我们需要做的就是在这两个input的地方再添加一个input框,来一个狸猫换太子。(见下图)


1.一定要主要顺序问题;

2.最好两个框都加上name属性,和原框统一起来

3.密码框的部分要放在原密码框前面,如果还有账号输入框的话,必须放在原账号输入框的后面;

4.这里用隐藏的属性,自己定义的hide类,或者 display:none都是不可行的,只能设置透明度和高度来实现框的隐藏,style="opacity: 0; height: 0"

5.以上就可以达到我们想要的结果。获取输入框的内容时只需根据相应的class或者id即可。


本文标签: 浏览器密码解决办法账号地方