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