密码自动填充需同时满足：type为password、与autocomplete="username"/"email"/"name"字段配对、置于form标签内；动态插入、初始有value、多密码框标注混乱或用户名语义错误均会导致失效。
直接在登录页的密码输入框上写 autocomplete="current-password"，并确保它和用户名字段组成语义完整的表单，浏览器就能识别并触发已保存的账号密码自动填充。
必须满足的三个基础条件
这个属性不是开关，而是语义指令。只加一个属性不生效，需同时满足：
- 密码字段 type 必须是 "password"（type="text" 或其他类型会被忽略）
- 必须与一个明确标识用户名的字段配对出现，比如
autocomplete="username"、autocomplete="email"或autocomplete="name" - 整个输入框必须包裹在
<form></form>标签内；脱离 form 的独立 input 基本不会被识别
典型且可靠的 HTML 写法
以下结构经 Chrome 120+、Safari 16.4+、Edge 105+ 验证有效：
<form action="/login" method="post"> <label for="username">用户名</label> <input type="text" id="username" name="username" autocomplete="username"> <label for="password">密码</label> <input type="password" id="password" name="password" autocomplete="current-password"> <button type="submit">登录</button> </form>
注意：name 属性可保留为 password，无需刻意改名；关键是 autocomplete 值准确、type 正确、DOM 结构完整。
常见失效原因和规避方式
如果写了仍不填充，大概率是下面某条被触发了：
- 页面加载后用 JS 动态插入该 input —— 浏览器只扫描初始 DOM，后续插入的字段通常被跳过
- 密码框初始带有 value（哪怕空字符串
value=""或 JS 初始化赋值），浏览器可能判定为“已有内容”，放弃填充 - 表单里有多个
type="password"字段，但只有一个标了current-password，其余未标注或标错（如标成new-password），会干扰上下文判断 - 用户名字段用了非标准值，比如
autocomplete="user"或autocomplete="account"，浏览器无法建立账号关联
进阶建议：兼顾安全与体验
不要为了“防自动填充”而破坏语义。现代密码管理器比用户手输更安全：
- 登录页用
current-password是推荐做法，它鼓励用户使用强密码+密码管理器 - 避免写
autocomplete="off"—— 现代浏览器不仅忽略，还会在控制台报 warning - 若需兼容旧 WebView 或 Safari 某些版本，可叠加
autocomplete="off"作为兜底，它和current-password不冲突，浏览器优先认后者
