表单自动填充失效主因是autocomplete值不标准、type不匹配、结构不语义化或JS干扰；需严格使用WHATWG规范值（如email、tel、street-address）、type与autocomplete协同、字段置于内且初始存在DOM中。
表单自动填充失效，通常不是浏览器“坏了”，而是几个关键环节没对上。重点看 autocomplete 值是否标准、type 是否匹配、结构是否语义化，以及有没有 JS 或标签错误干扰。
autocomplete 值写错或自定义了
浏览器只认标准值，填错就当没写。
- 姓名字段必须用 autocomplete="name"，不是 "first-name" 或 "myname"
- 邮箱必须是 autocomplete="email"，配
type="email"；写成autocomplete="user-email"就无效 - 手机号用 autocomplete="tel"；若拆区号和号码，分别用
tel-country-code和tel-national - 地址第一行优先 autocomplete="street-address"；第二行可用
address-line2 - 信用卡号必须是 autocomplete="cc-number"，配合
cc-exp、cc-csc才能整套识别
type 属性与 autocomplete 不匹配
即使 autocomplete 写对了，type 错了照样不触发填充。
- 邮箱字段写
type="text"却配autocomplete="email"→ 改成type="email" - 数字输入框要自动填充数字，得用
type="number"，不能全用 text - 密码字段若需浏览器管理，应避免
autocomplete="off"；确需禁用某一项（如新密码框），改用autocomplete="new-password"
HTML 结构或 JS 干扰导致识别失败
浏览器只对语义清晰、结构合规的表单启用智能填充。
立即学习“前端免费学习笔记（深入）”；
-
form 标签不能空或提前闭合：比如
<form></form>后再放 input，这些字段已脱离表单上下文 - 所有字段必须在 ，包括 submit 按钮
- JS 动态清空或设置
input.value可能打断填充时机，尤其在页面加载后立即操作 - 用
label for="id"显式关联，别只靠 placeholder；name 属性建议与后端字段一致，增强兼容性
浏览器兼容与测试盲区
Chrome 表现好不代表其他环境也行，尤其要注意 Firefox 和旧版 IE。
- Firefox 对
autocomplete="off"支持不稳定，它可能忽略该属性；如需禁用，优先用autocomplete="new-password"或服务端生成随机 name - IE9 及以下完全不支持 autocomplete 和验证 API，需引入 webshim polyfill 补全
- 移动端 Safari 和 Android Chrome 对 address-level1/level2 支持有限，国家字段用
autocomplete="country"更稳妥 - 务必在真实设备、隐私模式、多浏览器下实测，不能只看开发工具里的渲染效果
