autocomplete属性才是控制浏览器自动填充的关键，其值需与type、name协同匹配；autocomplete="off"在现代浏览器中常被忽略，尤其对密码字段，应优先使用语义化值如"email""current-password"等引导填充。
autofill 不是开关属性，而是浏览器自动填充的触发机制
HTML 中没有 autofill="on" 或 autofill="off" 这样的布尔属性。所谓“开启/关闭自动填充”，实际依赖的是 autocomplete 属性的值，以及浏览器对字段语义的理解。填错值、漏写 name 或用错 type，都会让自动填充失效或行为异常。
必须设置正确的 autocomplete 值才能触发自动填充
浏览器只在识别出字段用途（如邮箱、密码、地址）时才提供填充建议。常见有效值包括：
-
autocomplete="email"→ 触发邮箱建议 -
autocomplete="current-password"或"new-password"→ 影响密码管理器行为（前者用于登录，后者用于注册/改密） -
autocomplete="given-name"、"family-name"、"street-address"等 → 触发地址/姓名结构化填充 -
autocomplete="off"并不总生效 —— 现代浏览器（Chrome ≥ 76、Firefox ≥ 88）会忽略它，尤其对type="password"字段
为什么 autocomplete="off" 经常失效？
这是有意为之的设计：浏览器优先保障用户安全与体验，防止网站粗暴禁用密码管理器。绕过它的常见（但不推荐）做法有：
- 把
type="password"改成type="text"再用 JS 动态改回 —— 破坏可访问性，且可能被密码管理器拒绝 - 给
input设置随机name和id（如name="pass_123xyz"）—— 浏览器无法关联历史凭据 - 对整个
form设置autocomplete="off"，再为关键字段单独设autocomplete="username"等 —— 部分有效，但兼容性不稳定
真正可控的方式是：用语义化值引导填充，而不是强行禁用。
立即学习“前端免费学习笔记（深入）”；
容易被忽略的细节：name、type、autocomplete 必须协同工作
三者缺一不可。例如：
<input type="email" name="user_email" autocomplete="email">
如果写成：
-
<input type="text" name="email" autocomplete="email">→ 可能不触发邮箱建议（type不匹配） -
<input type="email" name="foo" autocomplete="email">→ Chrome 可能忽略（name缺乏语义） -
<input type="email" name="email" autocomplete="off">→ 多数情况下仍会显示邮箱建议
复杂点在于：不同浏览器对 name 的启发式解析逻辑不同，而移动端键盘类型（如 email 键盘）也依赖 type 和 autocomplete 的组合。别只盯着一个属性调。
