html - 谷歌浏览器自动填充所有密码输入

Question

我的问题

我一定是打开了谷歌来自动填充我网站上的登录信息，但是现在每当我想编辑我的帐户信息或编辑其他用户的帐户信息(作为管理员)时，它都会尝试自动填充该登录数据。它在奇怪的地方填充了我的数据。问题似乎是 Chrome 会自动用一种密码类型填充任何输入，然后输入之前的任何输入(见下图)。如果我在它前面放一个选择框，它就不会自动填充。

我显然不希望每次编辑用户时都必须检查并删除密码/电话。我也不希望我的用户在编辑自己的帐户时必须这样做。如何删除它？

我尝试过的 (没有成功)

• 将 autocomplete="off"添加到表单以及电话和密码输入中。
• 将 value=""添加到两个输入
• 更改密码输入的名称=。我尝试了 pw、pass、password 和 cheese(以防 chrome 获取名称)
• 通过 jquery .attr 添加 autocomplete="off"

我发现了什么

我发现 Google 可能故意忽略自动完成:Google ignoring autocomplete

我发现另一个用户发布了类似的问题，但解决方案对我不起作用:Disable Chrome Autofill

我还发现另一个用户正在解决涉及创建隐藏密码字段的问题，该密码字段将采用谷歌自动完成功能，我更喜欢更简洁的解决方案，因为在我的情况下，我还需要在其上方隐藏输入以避免自动填充: Disable autofill in chrome without disabling autocomplete

Answer 1

在具有自动完成属性的 HTML5 中，有一个名为“new-password”的新属性，我们可以使用它来解决这个问题。以下对我有用。

<input id="userPassword" type="password" autocomplete="new-password">

当前密码:允许浏览器或密码管理器输入站点的当前密码。这提供了比“on”更多的信息，因为它让浏览器或密码管理器知道在现场使用当前已知的站点密码，而不是新密码。

新密码:允许浏览器或密码管理器自动输入站点的新密码。这可能会根据控件的其他属性自动生成，或者可能只是告诉浏览器显示某种“建议的新密码”小部件。

引用:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/password