Chrome浏览器中autocomplete="off"不起作用解决方案

Posted 2021-01-30 loong-hon

多数浏览器默认会缓存input的值，只有使用ctl+F5强制刷新的才可以清除缓存记录。

如果不想让浏览器缓存input的值，有2种方法：

 

方法一：

在不想使用缓存的input中添加 autocomplete="off";

eg: <input type="text" autocomplete="off" name="test" />

 

方法二：

在 input 所在的form标签中添加 autocomplete="off";

eg:

<form action="#" autocomplete="off">

<input type="text" autocomplete="off" name="test" />

</form>

 

但是有一种情况例外，就是表单中有input[type="password"]，点击保存密码后，在Chrome浏览器则自动填充了用户名和密码的输入框；为了统一样式，我们需要就对Chrome的问题经行单独处理。

可以在不需要默认填写的input框中设置 autocomplete="new-password"

网上咱没有找到对其详细解释，但是发现163邮箱的登录注册是这么用的。