表单标签Label
填写与选择用不会消失的文字说明这个输入框要填什么
也常被叫作字段标签输入标签
表单标签告诉用户一个输入控件要填写什么，常出现在登录、设置和提交资料页面的每个字段旁边。它应该一直看得见；点击标签时要能把光标放进对应输入框，读屏软件也要知道它们是一组。必填、格式和错误信息再放在附近补充。
用于接收审核通知请输入完整邮箱地址
容易混淆？这样区分
表单标签Label≠标签Tag
表单标签 Label 说明控件需要填写什么；标签 Tag 用来标记内容的类别、状态或筛选条件。
表单标签Label≠表单Form
表单标签 Label 只描述一个控件；表单 Form 负责组织并提交整组字段。
什么时候用
- 所有可填写字段：名称、邮箱、密码先说清楚you@example.com
- 必填或格式要求：在标签附近说明规则you@example.com
- 复杂控件：为日期、上传和选择器补一个明确名称you@example.com
什么时候不用
- 只把 placeholder 当标签 → 输入后用户会忘记字段用途you@example.com
- 把字段名写成模糊的“信息”“内容”you@example.com
- 把整段帮助文本塞进标签，扫描变慢you@example.com
组成结构 · Anatomy
*用于登录
1字段名称Text一句话说明用户要提供什么
2必填标记Required只在真正必填时标出来
3关联控件Control标签点击后应能聚焦这里
4辅助说明Help text补充格式、用途或隐私说明
常见变体 · Variants
顶部标签Top
窄屏和字段较长时
左侧标签Left
桌面端紧凑筛选区
带辅助说明Help text
至少 8 位
需要提醒格式或用途时
典型使用场景
注册表单
个人资料设置
订单地址填写