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

标签 html forms google-chrome autocomplete autofill

我的问题

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

Google autofilling registration with login details

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

我尝试过的 (没有成功)

  • 将 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

最佳答案

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

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

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

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

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

关于html - 谷歌浏览器自动填充所有密码输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23156578/

相关文章:

javascript - 谷歌浏览器扩展程序

html - Chrome 中一个奇怪的渲染错误

css - 更改面板 View

javascript - JQuery选择器,部分DOM搜索表现

与外部 CSS 的 HTML 链接无效

ruby-on-rails - 如何创建 Formtastic "partials"

javascript - HTML - CSS 旋转 Div 未旋转 180 度

angular - 如何在 mat-form-field 元素中的下划线类之间添加空格?

javascript - 对 HTML5 表单有效的事件监听器

android - PWA 未显示在 Android 应用程序抽屉中