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即可。

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

阻止微信浏览器/QQ浏览器弹框“在浏览器打开”
阻止微信浏览器/QQ浏览器弹框"在浏览器打开" 相信许多移动端工程师对下面这张图中出现的东西记忆深刻: 微信浏览器和QQ浏览器有个自带的特殊功能,就是长按会出现上图所示的弹框.有时 ...
MySQL登录时出现 Access denied for user 'root'@'xxx.xxx.xxx.xxx' (using password: YES) 的原因及解决办法
MySQL登录时出现 Access denied for user 'root'@'xxx.xxx.xxx.xxx' (using password: YES) 的原因及解决办法. # mysql - ...
QQ浏览器|QQ浏览器下载
QQ浏览器是腾讯公司旗下的一款浏览器,发布时的各种眼花缭乱的新功能和新架构,无疑让人眼前一亮,总想着去用它看它是否真如发布时候说的那么好,小编在看完这些介绍之后也去适用了下,效果虽没有想象的那么好,但 ...
解决vue 不支持ie浏览器 qq浏览器的解决办法
1.引入 npm install babel-polyfill 可以在入口文件(main.js) 引入 import 'babel-polyfill' //解决IE浏览器ES6的问题和qq浏览器的问 ...
UC浏览器QQ浏览器欧朋浏览器使用体会
这几日折腾一新买的android机器,当然了属于很流行的低端机器了(中兴的U880,有没有雷到你).自己用的是神州行的卡,搞了个数据套餐,每月30M. 想想这30M怎么用呢?QQ基本上班用,晚上很少用 ...
安装QQ的时候显示创建文件夹失败，无法正常安装，请尝试选择新的安装目录的解决办法
今天不知道怎么回事电脑自己开着就安装了好几个流氓软件,卸载也卸载不掉,我就打开任务管理器找到对应的文件夹将其中的文件都粉碎了,结果QQ就打不开了,百度了发现是缺失了一个叫msvcr100.dll的系统 ...
MySQL登录时出现 Access denied for user“xxx” ‘‘@‘xxx.xxx.xxx.xxx‘ (using password: YES) 的原因及解决办法
我自己的情况是我操作navicat连接服务器上的数据库,新建了一个用户然后给了这个用户一个数据库的权限,但是连接的时候就出现 ...
在使用FireFox浏览器时，经常打开新标签，页面总是不断自动刷新，解决办法
可以用如下方法尝试(逐个尝试,看看哪个管用): 1.地址栏输入 about:support,右上角有个翻新Firefox,点击,等待浏览器重启,即可. 2.点击:工具-附加组件,把"火狐主页 ...
PostgreSQL用户登录失败自动锁定的解决办法
墨墨导读:PostgreSQL使用session_exec插件实现用户密码验证失败几次后自动锁定,本文介绍一种处理方案. 一.插件session_exec安装配置篇下载插件并编译安装. https: ...

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

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

最新文章

热门文章