如何通过HTML或JavaScript禁用Chrome地址自动填充？已尝试autocomplete属性无效

很遗憾地说，现在Chrome已经不再完全遵守autocomplete="off"这类属性设置了，尤其是针对密码、地址这类浏览器认为的"敏感表单字段"，它会优先尊重用户的自动填充偏好，所以你之前尝试的autocomplete="off"、autocomplete="false"甚至autocomplete="nope"都不会起作用——这是Chrome故意设计的行为，目的是提升用户体验，避免网站强制禁用自动填充给用户带来麻烦。

不过还是有几个可以尝试的 workaround，能在大部分场景下避开自动填充：

• 针对密码字段，试试autocomplete="new-password"：这个属性是W3C标准里专门用来标记"新密码输入框"的，Chrome识别到后，会默认不填充已保存的密码（不过还是可能会弹出密码建议列表，但不会直接填入）。
• 动态生成表单字段：Chrome的自动填充逻辑一般是在页面初始渲染阶段扫描表单元素，如果你用JavaScript在页面加载完成后再动态创建输入框，大概率能避开自动填充。示例代码如下：

window.addEventListener('load', () => {
  const realPasswordInput = document.createElement('input');
  realPasswordInput.type = 'password';
  realPasswordInput.name = 'user_pass';
  realPasswordInput.id = 'user_pass';
  // 把生成的输入框插入到目标容器里
  document.querySelector('#password-wrapper').appendChild(realPasswordInput);
});

• 用隐藏的"诱饵"输入框：在真实的输入框前面，添加一个和真实字段同名、但隐藏的输入框，让Chrome把自动填充内容放到这个诱饵框里，真实字段就不会被填充了。示例代码：

<!-- 诱饵框，隐藏起来 -->
<input type="password" name="user_pass" style="position: absolute; left: -9999px;">
<!-- 真实的输入框 -->
<input type="password" name="user_pass" autocomplete="off">

不过要注意，这个方法属于"hack"，Chrome后续版本可能会修复这个漏洞，导致失效。

最后要明确：完全通过代码强制禁用Chrome的自动填充是做不到的，因为浏览器把这个控制权最终交给了用户——如果用户手动开启了自动填充，代码层面很难完全绕过。

内容的提问来源于stack exchange，提问作者Voltaire John Secondes Biton