Chrome 76+对autocomplete="off"降级处理，密码字段强制忽略该属性；应改用autocomplete="new-password"或随机name/id，并配合inputmode等属性精准语义化控制填充行为。
autocomplete="off" 为什么在 Chrome 里不生效
Chrome 从版本 76 起，对 autocomplete="off" 做了主动降级处理：当表单包含 type="password" 字段时，浏览器会忽略该属性，仍尝试自动填充。这不是 bug，而是安全策略——防止开发者误关密码管理功能。
实操建议：
- 若真需禁用自动填充（如动态生成的 OTP 输入框），改用随机
name或id（例如name="otp_123abc"），避免匹配已知字段名 - 对密码字段，不要依赖
autocomplete="off"，而应设为autocomplete="new-password"，这是 Chrome 明确认可的语义化值 - 若整个表单都不希望被记忆（如登出后临时登录页），可在
<form>上加autocomplete="off"，同时确保所有<input>未显式声明autocomplete，否则子元素会覆盖父级设置
autocomplete 值不是开关，是提示语义
autocomplete 不是布尔开关，而是告诉浏览器“这个字段代表什么”，比如 autocomplete="email" 是提示“这是邮箱”，浏览器据此决定是否填充、填什么。填错语义反而会触发意外填充（例如把手机号当成姓名填进 autocomplete="name"）。
常见误用场景：
立即学习“前端免费学习笔记（深入）”；
- 用
autocomplete="false"或autocomplete="no"—— 这些不是标准值，浏览器当无效字符串处理，退回到默认行为 - 给验证码输入框设
autocomplete="one-time-code"—— 正确，但仅 Safari 和新版 Chrome 支持；旧版 Chrome 会忽略，需配合inputmode="numeric"和autocapitalize="none"降低干扰 - 中文地址字段写
autocomplete="address"—— 不够精确，应拆成autocomplete="street-address"、autocomplete="postal-code"等，否则填充率极低
表单提交后历史记录仍残留的真正原因
用户看到“历史记录还在”，往往不是 autocomplete 没关掉，而是浏览器把上次提交的 value 存在了表单控件的 DOM 属性或 JS 状态里。尤其在 SPA 中，组件复用导致 input 未重置，看起来像“自动填充”，实际是框架没清空 state。
排查和解决步骤：
- 打开 DevTools → Elements 面板，选中 input 元素，看
value属性是否已有内容（注意区分value属性和.valueJS 属性） - 检查是否用了
defaultValue或 React 的defaultValueprop —— 它只在首次渲染生效，后续无法清除历史残留 - 手动重置推荐写法：
input.value = ""（不是input.value = null），并确保在表单 reset 或路由离开时执行 - 如果用 Vue，避免直接绑定
v-model到初始为空字符串的 data，而应在每次 show 表单前this.formField = ""
移动端键盘弹出时 autocomplete 触发逻辑不同
iOS Safari 和 Android Chrome 对 autocomplete 的响应时机不一致：Safari 在 focus 时立即拉取建议栏，而部分 Android 浏览器要等到用户开始输入才触发。这意味着仅靠属性无法保证一致体验。
关键兼容点：
- iOS 上
autocomplete="tel"可能触发数字键盘，但若同时设inputmode="tel"更可靠；autocomplete="off"在 iOS 9+ 基本无效，必须配合readonly+onclick="this.removeAttribute('readonly')"这类 hack - Android Chrome 对
autocomplete="username"和autocomplete="email"响应较好，但对自定义值（如"nickname"）完全无视 - 微信内置浏览器（X5 内核）会忽略大部分
autocomplete值，唯一有效的是autocomplete="new-password"和autocomplete="off"（仅对 password 类型）
autocomplete 只是协商接口。最稳妥的做法不是对抗它，而是明确语义、配合 inputmode 和适时重置 DOM value。尤其要注意 password 类型字段永远别信 "off"，用 "new-password" 才算真正对话成功。 
