首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

禁用Chrome自动填充(Autocomplete)可以通过多种方法实现,以下是几种常见的方法:

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

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

代码语言:txt
复制
<form>
  <input type="text" name="username" autocomplete="off">
  <input type="password" name="password" autocomplete="off">
  <button type="submit">Submit</button>
</form>

方法二:使用随机字符串作为 nameid

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

代码语言:txt
复制
<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"

代码语言:txt
复制
<form>
  <input type="text" name="username" autocomplete="off">
  <input type="password" name="password" autocomplete="off">
  <button type="submit">Submit</button>
</form>

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

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

代码语言:txt
复制
<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" 来告诉浏览器这是一个新密码,不应该被自动填充。

代码语言:txt
复制
<form>
  <input type="text" name="username" autocomplete="off">
  <input type="password" name="password" autocomplete="new-password">
  <button type="submit">Submit</button>
</form>

参考链接

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

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

领券