html表单autocomplete是浏览器提示而非强制指令，仅用标准值如current-password、new-password等才有效，off在现代浏览器中基本失效，on冗余无作用，填充依赖name/type/autocomplete组合且需表单包裹。
HTML 表单的 autocomplete 不是“自动保存”，它只是告诉浏览器：这个字段你见过，可以按规则预填——但能否填、填什么、是否弹出建议框，完全由浏览器决定，开发者无法强制触发或控制填充逻辑。
autocomplete 属性值怎么选才有效
浏览器只认标准值（如 name、email、current-password），乱写比如 autocomplete="user_name" 或 autocomplete="myLogin" 会被忽略，等同于没写。
- 登录页密码框必须用
autocomplete="current-password"，否则 chrome 可能拒绝填充已保存的密码 - 注册页新密码用
autocomplete="new-password"，这是唯一能让浏览器不填旧密码的可靠方式 - 地址字段优先用语义化值：
street-address、postal-code、country，比off更利于触发地址建议 -
autocomplete="off"在现代浏览器中基本失效（尤其密码字段），真正禁用需配合随机name或autocomplete="nope"这类非法值
为什么 autocomplete=”on” 没反应
autocomplete="on" 是冗余写法，html5 规范里默认就是 on，它不启用任何特殊行为，也不修复字段识别失败的问题。
- 浏览器判断是否填充，依据是
name、type、autocomplete三者组合，缺一不可 - 常见失效场景：表单没
<form></form>包裹；input缺name；用了自定义 Web Component 封装 input 导致原生属性丢失 - Chrome 对单字段表单（比如只有邮箱）极不敏感，通常要两个及以上关联字段（如 email + password）才触发密码管理器提示
autocomplete 和密码管理器冲突怎么办
当用户手动点击密码管理器图标填充后，再提交表单，某些框架（如 React）因状态未同步会导致提交空值——这不是 autocomplete 的错，而是事件监听时机问题。
立即学习“前端免费学习笔记（深入）”；
- 监听
input事件不够，必须加animationstart或webkit-animation-start捕获密码管理器自动填充（safari/Chrome 填充时会触发） - 更稳的做法：在
useEffect（React）或setTimeout微任务中读取input.value，避开填充瞬时态 - 避免给密码字段设
value={state}双向绑定初始值，否则填充后 React 会覆盖浏览器填入的内容
真正难的不是写对 autocomplete 值，而是理解浏览器把这当成“提示”而非“指令”——它有权无视你，也有权在你没预料的时候突然弹窗。别试图用它做自动保存，也别怪它不听话，它本来就没承诺过服从。