如何禁用Chrome自动填充(2020年后)

禁用Chrome自动填充（Autocomplete）可以通过多种方法实现，以下是几种常见的方法：

方法一：使用 `autocomplete="off"` 属性

在表单元素上添加 autocomplete="off" 属性可以尝试禁用自动填充功能。

<form>
  <input type="text" name="username" autocomplete="off">
  <input type="password" name="password" autocomplete="off">
  <button type="submit">Submit</button>
</form>

方法二：使用随机字符串作为 `name` 和 `id`

Chrome有时会忽略 autocomplete="off" 属性，因此可以使用随机字符串来命名表单元素。

<form>
  <input type="text" name="username_123456" id="username_123456" autocomplete="off">
  <input type="password" name="password_789012" id="password_789012" autocomplete="off">
  <button type="submit">Submit</button>
</form>

方法三：使用 `input` 元素的 `type="text"` 和 `type="password"`

有时Chrome会自动填充 type="email" 或 type="tel" 等类型的输入框，可以尝试使用 type="text" 和 type="password"。

<form>
  <input type="text" name="username" autocomplete="off">
  <input type="password" name="password" autocomplete="off">
  <button type="submit">Submit</button>
</form>

方法四：使用JavaScript动态生成表单元素

通过JavaScript动态生成表单元素，可以避免Chrome的自动填充。

<form id="myForm">
  <button type="button" onclick="addFields()">Add Fields</button>
  <button type="submit">Submit</button>
</form>

<script>
function addFields() {
  const form = document.getElementById('myForm');
  const username = document.createElement('input');
  username.type = 'text';
  username.name = 'username';
  username.autocomplete = 'off';
  form.appendChild(username);

  const password = document.createElement('input');
  password.type = 'password';
  password.name = 'password';
  password.autocomplete = 'off';
  form.appendChild(password);
}
</script>

方法五：使用 `autocomplete="new-password"`

对于密码字段，可以使用 autocomplete="new-password" 来告诉浏览器这是一个新密码，不应该被自动填充。

<form>
  <input type="text" name="username" autocomplete="off">
  <input type="password" name="password" autocomplete="new-password">
  <button type="submit">Submit</button>
</form>

参考链接

MDN Web Docs: autocomplete

通过以上方法，可以有效禁用Chrome的自动填充功能。如果仍然遇到问题，可能需要检查浏览器的设置或更新浏览器版本。

如何禁用Chrome自动填充(2020年后)

方法一：使用 autocomplete="off" 属性

方法二：使用随机字符串作为 name 和 id

方法三：使用 input 元素的 type="text" 和 type="password"

方法四：使用JavaScript动态生成表单元素

方法五：使用 autocomplete="new-password"

参考链接

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

方法一：使用 `autocomplete="off"` 属性

方法二：使用随机字符串作为 `name` 和 `id`

方法三：使用 `input` 元素的 `type="text"` 和 `type="password"`

方法五：使用 `autocomplete="new-password"`