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

Question

我的问题

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

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

我尝试过 的（没有成功）

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

我发现了什么

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

我发现另一个用户发布了类似的问题，但解决方案对我不起作用： 禁用 Chrome 自动填充

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

原文由 Tyler 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

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

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

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

参考： https ://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/password

原文由 PRTJ 发布，翻译遵循 CC BY-SA 3.0 许可协议