表单标签
Label
初级通用表单标签（Label）是说明某个输入项要填写或选择什么的文字，并与对应控件建立关联。它让用户看懂字段，也让点击标签、使用辅助技术操作表单更方便，例如把「邮箱地址」关联到邮箱输入框。
你可能会说：「帮我给注册页每个输入项加上说明文字，让人一眼知道填什么，点文字也能定位到对应输入框。」
动手看看个人资料的邮箱字段
先点击「邮箱地址」，观察输入区域有没有高亮；再切换关联状态重复操作。也可以按 Tab，看看焦点落在哪里。
点击标签后，输入区域出现聚焦边框：用户知道这个文字说明的是哪个填写位置。
这里用点击区域模拟关联效果。实际开发要用 label 的 for 对应 input 的 id，读屏器才能正确读出字段名。
要点表单标签怎样帮用户填写表单？
- 1
先说清这个输入项是什么
你做注册页时，在输入框旁写「邮箱地址」，用户就知道这里要填什么。标签说的是输入项的名称；格式要求或填写示例可以另写说明，别让名称变成一长串操作指引。
- 2
让文字和控件真正关联
只把「邮箱地址」摆在输入框上方，视觉上像标签，但程序未必知道它们是一组。建立关联后，用户点击文字也能定位到对应控件，辅助技术也能读出这个控件的名称。
- 3
一个选项也要有自己的名称
做通知偏好设置时，「接收邮件提醒」可以标明对应的复选框；如果一组单选项还需要一个共同问题，例如「通知频率」，我们会另外写出组名，让用户知道这些选项在回答什么。
容易混淆的地方
标签和占位文字不是一回事：占位文字显示在输入框里，输入后通常就看不到了，适合提示示例或格式，不适合独自承担字段名称。标签也不同于展示分类用的「标签」：表单标签要和具体输入控件关联，告诉用户这个控件是什么。
什么时候用
适合用
- 做账号设置页的「显示名称」「联系电话」输入项时，用标签说明每项要填写什么。
- 做后台筛选表单的日期选择器和下拉选择器时，用标签区分「开始日期」与「订单状态」。
- 做偏好设置里的复选框或单选框时，用标签写清每个选项代表什么。
不适合用
- 只是展示订单详情中的收货地址，没有让用户输入或选择时，用描述列表呈现字段和值。
- 只是让用户点击「查看订单」进入另一页时，用链接及其文字说明去向，而不是表单标签。
- 只是触发「保存修改」操作时，用按钮文字说明操作结果；这里没有需要命名的输入控件。
练一练选一个答案，看看解释
你在做注册页：邮箱输入框里已有「name@example.com」示例，旁边还有提交按钮。怎样让邮箱这一项更容易被理解和操作？
让 AI 帮你做复制给 AI Agent 直接用
请检查这个注册表单，为每个输入框、选择器和勾选项设置能说明用途的表单标签，并与对应控件建立关联。已有的占位文字只保留作示例或格式提示；检查点击标签能否定位到对应控件。