360浏览器,qq浏览器等登录页输入账号密码,在页面内再次遇见有密码框的地方会自动填充的解决办法。

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


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


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



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

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


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

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

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

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

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


  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值