javascript - 在 Chrome 中禁用 'Use Password for' 自动完成

Question

我想禁用当我点击密码字段时打开的密码自动完成下拉菜单(见下面的截图)。

这是经常被问到的问题。但是没有解决方案在 中有效Chrome 版本 61.0.3163.100 .

尝试的解决方案:

设置autocomplete="new-password"在密码字段上。

https://stackoverflow.com/a/15917221/3458092

autocomplete="new-password"解决方案一直有效，直到几个版本前。似乎 chrome 在最新版本中有意删除了这个。

有没有其他方法可以实现这一目标？

Answer 1

首先，您应该记住 Chrome 密码自动填充是一项功能，而不是 Chrome 放入的烦人的东西 .此外，大多数用户实际上都喜欢此功能。不必记忆他们真正的长密码，然后希望正确输入，并希望它不会说“密码不正确”。 Chrome 密码保存的想法是确保您的密码安全(具有讽刺意味)。但是，如果黑客设法进入您的浏览器，然后使用密码自动填充，他们可以进入您的所有密码。如果您重置密码，Chrome 密码自动填充可能会非常烦人。由于密码自动填充，没有使用 <input type="password"> 的解决方案将工作 , autocomplete="new-password" 异常(exception).
但不要担心，因为有一些方法可以解决这个问题。
使用文本输入和 CSS
禁用自动完成的最佳方法是使用标准 <input type="text"> .而要隐藏密码，只需添加一行 CSS。这是一个工作示例。

input {
  -webkit-text-security: disc
}

<input autocomplete="off">

请注意 -webkit是必须的。阅读文档 here