autocomplete失效

问题描述：最近项目中，使用谷歌浏览器（版本70）登陆到系统，不想每次登陆都要输入一遍用户名和密码，因此选择了将用户名+密码保存了。而后问题就来了：登陆到系统后，切换网站页面，凡有文本框所在之处，input文本框默认有填充了登陆的用户名+密码。以下图：

 

 

 o(╥﹏╥)o 而后我这里并不须要用户名和密码啊！！！

几经翻阅百度，解决办法以下几种

（1）强制删除浏览器缓存，这个方法太傻X，也不是想要的结果，用户体验极差。身为一名合格的程序员，这种是不能容忍的。

（2）在input标签前面增长一个相同的inpu标签，name值保持一致，将其设置个display=“none”属性。

 

网友说：提交表单的时候会重复提交两个input,这里没有测试。

（3）使用readonly方法

 

 （4）给input设置属性 autocomplete="new-password"，

         通过测试给type="password"类型的input文本框设置 autocomplete="new-password"，确实管用。type=“text”的设置 autocomplete="off"便可解决这个问题。

 参考连接：https://blog.csdn.net/GXXxasm/article/details/79695358

https://www.jianshu.com/p/3bbc6420ce96