autocomplete属性通过具体值提示浏览器字段语义以实现精准自动填充，需配合type等语义属性使用，密码字段须区分current-password与new-password，敏感值仅在HTTPS下生效且受浏览器策略限制。
autocomplete 属性用于告诉浏览器是否以及如何自动填充表单字段，它不是简单的“开/关”开关，而是通过具体的值来提示浏览器该字段的语义用途。
常见 autocomplete 值及对应字段类型
浏览器根据值判断字段用途，从而决定是否填充、填什么内容。常用值包括：
- off：明确禁止自动填充（但部分浏览器可能忽略，尤其密码字段）
- on：允许浏览器根据字段 name 或 type 自动推测用途（不推荐，语义模糊）
- name / email / tel / url / username：对应个人基本信息
- current-password / new-password：专用于密码字段，影响密码管理器行为
- street-address / address-line1 / postal-code / country：用于地址类字段
- cc-number / cc-exp / cc-csc：用于信用卡信息（需 HTTPS，且现代浏览器对敏感字段更谨慎）
必须配合字段语义才有效
autocomplete 的效果依赖于字段本身的语义表达。例如：
- 仅写
autocomplete="email"，但<input type="text">—— 效果弱；换成<input type="email" autocomplete="email">更可靠 - 密码字段务必区分：
<input type="password" autocomplete="current-password">和<input type="password" autocomplete="new-password">，否则密码管理器可能无法正确保存或填充 - 姓名字段建议用
autocomplete="name"，而不是autocomplete="off"加 JS 阻止——后者反而干扰无障碍和密码管理器
注意浏览器兼容性与实际限制
并非所有值在所有浏览器中都支持，且现代浏览器（尤其是 Chrome 和 Safari）对自动填充有更严格策略：
立即学习“前端免费学习笔记（深入）”；
- 非 HTTPS 页面中，部分敏感 autocomplete 值（如
cc-number）会被忽略 - 用户可全局关闭自动填充，此时属性无效
- 某些字段（如动态生成、隐藏后显示、或被 JS 清空再聚焦）可能触发浏览器拒绝填充
- 避免滥用
autocomplete="off"：若只为防止误填，应优化字段 type 和 name，而非粗暴禁用
实际写法示例
一个登录表单的合理写法：
<form> <input type="email" name="email" autocomplete="username" required> <input type="password" name="password" autocomplete="current-password" required> <input type="password" name="confirm_password" autocomplete="new-password"> </form>
注册表单中添加姓名和地址：
<input type="text" name="full_name" autocomplete="name"> <input type="text" name="street" autocomplete="street-address"> <input type="text" name="postal" autocomplete="postal-code">
