HTML表单出生日期字段无法自动填充，符合规范仍失效求助

我来帮你排查这个问题，这其实是Chrome自动填充机制和规范细节的常见冲突点，咱们一步步来解决：

1. 你找错Chrome的生日存储位置了！ #

你提到在Chrome的“添加自动填充地址信息”向导里找不到生日选项——这很正常，因为出生日期不属于地址信息分组，它被归类到「个人基本身份信息」里。正确的添加路径是：

• 打开Chrome设置 → 隐私和安全 → 自动填充和密码 → 地址及更多信息
• 点击你要编辑的个人资料卡片（或者新建一个）
• 在弹出的编辑界面里，你就能找到「出生日期」的输入项了，填完保存后再测试表单自动填充。

2. 检查autocomplete属性的使用是否匹配字段结构 #

如果你的出生日期是单个输入框（比如YYYY-MM-DD格式），用autocomplete="bday"是符合规范的，但如果是拆分成了年、月、日三个独立输入框，那得分别设置对应的属性：

• 年份字段：autocomplete="bday-year"
• 月份字段：autocomplete="bday-month"
• 日期字段：autocomplete="bday-day"
  Chrome对拆分字段的自动填充识别依赖这种更细分的属性值，统一用bday反而会失效。

3. 补充表单字段的name属性辅助识别 #

有些浏览器（包括Chrome）会同时参考autocomplete和name属性来匹配字段，建议给出生日期字段加上对应的name值：

<!-- 单个字段示例 -->
<input type="date" name="bday" autocomplete="bday">

<!-- 拆分字段示例 -->
<input type="number" name="bday-year" autocomplete="bday-year" placeholder="年">
<input type="number" name="bday-month" autocomplete="bday-month" placeholder="月">
<input type="number" name="bday-day" autocomplete="bday-day" placeholder="日">

4. 排查Chrome自动填充的全局/站点设置 #

确保Chrome没有禁用表单自动填充：

• 打开Chrome设置 → 隐私和安全 → 自动填充和密码 → 确保「保存并填充地址」选项是开启状态
• 检查你的网站是否被加入了「从不保存」的列表里（在同一页面的「地址及更多信息」下方可以查看）

最后说下规范和浏览器实现的差异 #

虽然HTML规范里定义了autocomplete="bday"，但浏览器的实际实现会有自己的优先级和分组逻辑——Chrome把生日和姓名、邮箱归为身份信息，和地址信息分开存储，这就是你一开始找不到添加入口的核心原因。按上面的步骤调整后，应该就能正常触发自动填充了。

内容的提问来源于stack exchange，提问作者NthDegree