解决浏览器保存密码自动填充问题

解决浏览器保存密码自动填充问题

问题描述

话说有一天，我如往常一样打开我的开发网站进行登录操作。浏览器很平常的在我们进行登录操作之后询问我是否需要记住密码，懒惰如我点击了记住密码。一切都很正常的进行着，没有什么异常发生。然而，问题就出现了。当我打开一个新建用户的操作，里面的输入框自动将我的用户名和密码默认填写进去了，然后触发了内置的校验规则

在我确认过在打开编辑框的时候已经输入框的数据重置之后，开始了我的排查错位之旅。从cookie，本地缓存等等，都没有发现相关的问题。后来发现是浏览器存在自动填充机制的问题。

浏览器自动填充机制

经过我的反复测试，以Chrome为例，当浏览器遇到type="text"与type="password"的标签紧邻时，会触发浏览器自动填充行为。默认为黄色背景。firefox和360浏览器的处理方式是：只要检测到页面里有满足填充机制的，不管是不是display：none 的，只要检测到就直接往里填充。

解决方案

1. 设置浏览器不提