跳转到内容

前端与界面 · DEFINED TERM

Label 表单标签

说明一个输入控件在收集什么以及是否必填。

你可能会这样说“不要只用占位文字,字段上方要有固定名称。”

VISUAL EXAMPLE

先看懂它怎么工作

INPUT不要只用占位文字,字段上方要有固定名称。
标签关联控件
点击标签聚焦
辅助技术读出名称
CHECK标签与控件程序化关联,必填和帮助信息不靠颜色单独表达

MECHANISM

运行机制

  1. 标签关联控件
  2. 点击标签聚焦
  3. 辅助技术读出名称

USE WHEN

适合这样用

所有需要用户填写或选择的字段

NOT FOR

不要这样理解

占位文字不能代替标签

TELL YOUR AGENT

可直接发给 Agent

请按“Label 表单标签”的概念处理这个需求:不要只用占位文字,字段上方要有固定名称。。先说明实现边界,再给出可检查的结果。

ACCEPTANCE

怎么确认它真的做好了

标签与控件程序化关联,必填和帮助信息不靠颜色单独表达

OFFICIAL SOURCES

官方来源