autocomplete="off" 经常失效，因chrome、edge、firefox会忽略该属性，优先根据name/type语义（如email、password）触发自动填充；需用动态name、合法autocomplete值（如new-password）或one-time-code等策略替代。
autocomplete="off" 为什么经常失效
浏览器对 autocomplete="off" 的处理早已不是“听指令办事”——现代 Chrome、Edge、Firefox 在表单字段有明显语义（比如 name="email"、type="password"）时，会直接忽略该属性，强行触发自动填充。这不是 bug，是浏览器主动“保护用户密码/地址填写体验”的策略。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 别只靠
autocomplete="off"，它在登录、注册类表单中基本形同虚设 - 对敏感字段（如密码确认、临时验证码输入框），用动态生成
name或id（例如name="pwd_confirm_12345"）干扰浏览器识别 - 把
autocomplete设为无意义值（如autocomplete="nope"或autocomplete="false"），部分版本 Chrome 会因此放弃匹配 - 如果字段是纯业务逻辑用（比如“邀请码”“核销口令”），加
autocomplete="one-time-code"反而更安全——它既不触发历史填充，又兼容 WebAuthn 场景
密码字段必须用 type="password"，但 autocomplete 要设成什么
只要 type="password"，浏览器就会盯上这个字段。此时设 autocomplete="off" 不仅无效，还可能被解析为 "new-password" 的变体，反而激活“新密码生成建议”弹窗。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 新建密码字段：用
autocomplete="new-password"—— 这是唯一被所有主流浏览器承认的、表示“此处要填新密码”的标准值 - 确认密码字段：同样用
autocomplete="new-password"，不要写成"off"或留空，否则 Safari 可能复用上次生成的密码 - 绝对不要给密码字段设
autocomplete="current-password"除非你真在做登录页——这个值专用于已保存账号的自动填充，填错会锁死整个表单逻辑
表单整体禁用自动完成的靠谱做法
想让整张表单都不触发任何自动填充？靠 <form autocomplete="off"></form> 已经不够用了。Chrome 从 76 版本起就废弃了对 form 元素上 autocomplete 属性的支持。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 在
<form></form>上加autocomplete="off"仅作兼容（对旧版 IE/Safari 有点用），但不能依赖 - 真正有效的是：给每个
<input>单独设置合理的autocomplete值，尤其是隐藏字段或 JS 动态插入的字段也要同步处理 - 如果表单由框架（如 React/Vue）渲染，注意 SSR 和 CSR 阶段
autocomplete值是否一致——不一致会导致 hydration 后浏览器重新识别字段，意外唤醒自动填充 - 测试时别只看第一次打开：清空浏览器密码管理器、关掉 Google Password Manager 插件，再重试，否则你以为“关掉了”，其实是插件在兜底
autocomplete 值写错导致表单被 Chrome 强制改写
Chrome 会静默修正非法或模糊的 autocomplete 值。比如你写 autocomplete="emailaddress"，它会自动转成 "email"；写 autocomplete="tel" 会被转成 "tel-national"。这种“好心办坏事”常引发字段聚焦异常、autofill 弹窗错位等问题。
实操建议：
立即学习“前端免费学习笔记（深入）”；
- 只使用 WHATWG 官方定义的值，比如
"email"、"tel"、"street-address"，别自创缩写 - 避免大小写混用：
autocomplete="Email"和autocomplete="EMAIL"都可能被标准化为小写并触发意外匹配 - 对非标准业务字段（如“工号”“学籍号”），优先用
autocomplete="off"+ 动态name，而不是硬套"organization"这类近似值
最麻烦的不是怎么关，而是关完之后浏览器还在后台悄悄记录字段类型——哪怕没弹出下拉，input 的 value 仍可能被 autofill API 注入。所以关键判断点永远是：用真实账号在隐身窗口走一遍全流程，别信开发工具里看到的属性值。
