禁用 Chrome 浏览器中“使用密码填充”的自动完成功能

Question

我想禁用密码自动填充下拉菜单（见下面的屏幕截图），该下拉菜单会在我点击密码字段时打开。 这是一个经常被问到的问题。但是，在Chrome版本61.0.3163.100中没有解决方案可行。

尝试过的解决方案：

• 在密码字段上设置autocomplete =“new-password”。
• https://dev59.com/1GUo5IYBdhLWcg3w1yPH#15917221

autocomplete =“new-password”解决方案在几个版本前运作正常。但看起来，Chrome在最新版本中故意删除了它。

有其他方法可以实现此目的吗？

- Yuvraj

Answer 1

首先，您应该记住Chrome密码自动填充是一个功能，而不是Chrome放入的烦人的东西。此外，大多数用户实际上喜欢这个功能。与其要记住他们真正长的密码，然后希望正确地输入它，并希望它不会显示“密码错误”，Chrome保存密码的想法是为了保护您的密码安全（具有讽刺意味）。但是，如果黑客成功进入您的浏览器，那么使用密码自动填充，他们可以进入您所有的密码。如果您重置密码，则Chrome密码自动填充可能会非常烦人。由于密码自动填充，没有使用<input type="password">的解决方案将起作用，除了autocomplete="new-password"。

但是不用担心，因为有方法可以解决这个问题。

使用文本输入和CSS

禁用自动完成的最佳方法是只使用标准的<input type="text">。要隐藏密码，只需添加一行CSS即可。以下是一个有效的示例。

input {
  -webkit-text-security: disc
}

<input autocomplete="off">

请注意需要使用-webkit。在这里阅读文档here。

- user18807217