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

原文地址:https://www.cnblogs.com/phermis/p/11761073.html