UI 组件类型 · 单一组件 / Checkbox
Checkbox
Checkbox 如何在界面中被理解、操作或组合？
关键字段
Identity · 身份
- 子类型
- 单一组件
- 父级类目
- 表单与输入
What · 是什么
- 组成与状态
- Checkbox 的语义角色、视觉容器、内容区域和交互反馈。
Where · 在哪里
- 适用场景
- Web 界面设计、Default、Focused、Disabled、Valid、Invalid、Checked、Indeterminate、Unselected
How · 怎么做
- 检查清单
- 语义正确；键盘可用；焦点可见；状态可感知；响应式可用。
Lifecycle · 生命周期
- 状态
- 启用
所属组件分类、组件部件与横向适用关系
关系来自本地关系表，并包含反向关联。
- Web 界面设计Web Interface Design应用于
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- 表单与输入Forms & Input属于
用于接收、选择、编辑、上传和校验用户输入的组件。
- ControlControl反向 · 属于
表达勾选、未勾选或混合状态的控制点
- DescriptionDescription反向 · 属于
补充选择影响或使用条件的文本
- Error MessageError Message反向 · 属于
指出选项校验问题的错误文本
- LabelLabel反向 · 属于
说明复选项含义的文本
- CheckedChecked应用于
复选或开关当前为开启的状态。
- DefaultDefault应用于
默认状态，组件可被使用但没有额外交互反馈。
- DisabledDisabled应用于
组件暂时不可操作的状态。
- FocusedFocused应用于
键盘或其他输入方式当前定位到组件的状态。
- IndeterminateIndeterminate应用于
多项选择结果既非全选也非全不选的状态。
- InvalidInvalid应用于
当前输入不符合规则但用户仍可修正的状态。
- UnselectedUnselected应用于
项目当前没有被选中的状态。
- ValidValid应用于
当前输入或操作通过校验的状态。