处理浏览器保存密码乱填充问题

既然来了，想必你也是遇到这问题了。

前言

我们做的网站，一般都会有登录功能，但是浏览器开发商为了方便用户使用，做了各种各样的功能，访问一个网站登录后提示保存密码，下次访问自动填充账号密码功能，便是其中一个常见的功能；

而我们遇到的问题就是浏览器记住密码后，访问某个页面上也有普通文本框后面接着密码文本框的时候，它就多余的帮你填充上去了，实际上我们是不需要它填充内容的

解决方法

不同浏览器设置不同，自动填充规则也不同，我这里的解决方法，只对（360浏览器 和 搜狗浏览器）做了测试有作用，其他浏览器基本也会有作用

如果你是【普通用户】而不是【开发者】，无法修改对方的网站，对方也没做处理，那你只能把浏览器自动保存密码功能关了，或者自动填充关了。

针对【所有浏览器】处理方法

将浏览器会自动填充的文本框默认加上disabled或readonly（禁用/只读）属性，让文本框无法输入，用js定时器2秒后删除disabled或readonly属性，这样浏览器就不会填充了，当然体验上有一丢丢不好，就是客户打开页面后文本框看着是灰色的点不了，过2秒就正常了

到这里360浏览器/搜过浏览器是没问题了，但是搜狗浏览器还有一个问题，就是2秒后激活文本框，如果文本框的内容跟保存的账号名字一样，它还是会把密码给填充到密码文本框中，我尝试了下各种方法，最后用下面方法解决

针对【搜狗浏览器】的处理（当然不排除对其他浏览器也有用）

我在用户名的文本框后面加了个密码文本框并隐藏了（混淆浏览器用），但是这样密码还是会填充到下面的要用的密码文本框里，这里还需要将新加的密码文本框的ID跟登录界面的密码文本框ID设置一样，下面的真实文本框用新的ID，这样就可以了

此解决方法对其他浏览器估计也有效果，我没测

本文完。