HTML表单中的 autocomplete 属性用于控制浏览器是否自动填充表单字段。这个功能可以提升用户体验，减少重复输入。正确设置 autocomplete 能让浏览器更准确地识别字段用途，比如用户名、邮箱、密码等。
autocomplete 基本用法
autocomplete 可以设置在整个表单上，也可以单独设置在每个输入框上。
• 设置在表单上，影响所有子输入框：<form autocomplete="on">
<input type="text" name="username">
<input type="email" name="email">
</form>
<form autocomplete="off">
• 单独为某个输入框设置：<input type="password" name="current-password" autocomplete="current-password">
立即学习“前端免费学习笔记（深入）”；
常用 autocomplete 值说明
除了简单的 "on" 和 "off"，HTML 还定义了一系列标准值，帮助浏览器识别字段类型。
• off：关闭自动填充，浏览器不会提示或填充该字段。• on：启用自动填充，由浏览器决定如何填充。
常见语义化值（推荐使用）：
• email：邮箱地址
• tel：电话号码
• username：用户名
• current-password：当前密码（用于登录）
• new-password：新密码（用于注册或修改密码）
• street-address：街道地址
• postal-code：邮政编码
• country：国家
例如：
<input type="email" name="user_email" autocomplete="email">
<input type="password" name="pwd" autocomplete="new-password">
实际应用场景建议
合理使用 autocomplete 有助于提高表单填写效率和安全性。
• 登录表单：用户名输入框用 username，密码框用 current-password，便于浏览器识别并填充已保存的账号信息。
• 注册表单：密码确认字段建议也设为 new-password，有些浏览器会据此提示生成强密码。
• 敏感操作：如支付页面或安全设置，可对某些字段设置 autocomplete="off"，防止误填。
• 避免错误匹配：不要随意命名字段值。比如将邮箱字段设为 autocomplete="tel" 会导致浏览器无法正确识别。
基本上就这些。正确使用 autocomplete 属性，既方便用户，也有助于浏览器密码管理器正常工作。不复杂但容易忽略。
