autocomplete属性需用标准值（如username、current-password）告知浏览器字段类型，配合name属性和https环境才能启用自动填充，密码字段须严格区分current-password与new-password。
在 HTML5 中，autocomplete 属性是开启浏览器自动填充功能的关键。它本身不触发填充，而是告诉浏览器“这个字段代表什么类型的数据”，从而让浏览器决定是否、以及如何填充该字段。
正确设置 autocomplete 值
必须使用规范的 autocomplete 值（如 name、email、current-password），不能随意写中文或自定义字符串。浏览器只识别标准值：
-
name：姓名（全名） -
given-name：名（first name） -
family-name：姓（last name） -
email：邮箱地址 -
tel：电话号码 -
street-address：详细街道地址 -
address-level1：省/州 -
postal-code：邮编 -
username：用户名（登录账号） -
current-password：当前密码（用于登录表单） -
new-password：新密码（用于注册或改密表单）
配合 form 和 input 的语义结构
单独加 autocomplete 不够，需确保表单整体有明确上下文：
- 给
<form></form>加autocomplete="on"（默认就是 on，可省略） - 避免用
autocomplete="off"覆盖整个表单，这会禁用所有字段的自动填充 - 密码字段务必区分
current-password和new-password，否则 Chrome 等浏览器可能拒绝填充或提示不安全 - 地址类字段建议按逻辑分组，例如用
<fieldset></fieldset>包裹，并确保street-address、postal-code等相邻出现
常见失效原因和应对
即使写了正确的值，自动填充仍可能不生效：
- 字段被 JavaScript 动态修改过 value 或 type（比如从
text改成password），浏览器可能丢失识别上下文 - input 没有
name属性 —— 多数浏览器要求name和autocomplete同时存在才启用填充 - 页面未通过 HTTPS 加载 —— 现代浏览器对非 HTTPS 页面限制敏感字段（如密码、邮箱）的自动填充
- 用户手动关闭了浏览器的自动填充功能（可在浏览器设置中检查）
简单示例
一个支持自动填充的登录表单片段：
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
