UI 组件类型 · 单一组件 / Select
Select
Select 如何在界面中被理解、操作或组合?
关键字段
Identity · 身份
- 子类型
- 单一组件
- 父级类目
- 表单与输入
What · 是什么
- 组成与状态
- Select 的语义角色、视觉容器、内容区域和交互反馈。
Where · 在哪里
- 适用场景
- Web 界面设计、Default、Hover、Focused、Disabled、Valid、Invalid、Loading、Medium、Compact
How · 怎么做
- 检查清单
- 语义正确;键盘可用;焦点可见;状态可感知;响应式可用。
Lifecycle · 生命周期
- 状态
- 启用
所属组件分类、组件部件与横向适用关系
关系来自本地关系表,并包含反向关联。
- Cookie Preference CenterCookie Preference Center反向 · 应用于
让用户查看、分组和修改非必要 Cookie、追踪或隐私权限。
- Interactive CalculatorInteractive Calculator反向 · 应用于
让用户输入假设并即时获得可解释的估算、比较或结果。
- Product ConfiguratorProduct Configurator反向 · 应用于
按选项、约束和价格反馈组合或定制一个产品、方案或服务。
- Search & FilterSearch & Filter反向 · 应用于
帮助用户在内容集合、工具数据或资源目录中定位目标。
- Store LocatorStore Locator反向 · 应用于
让用户按位置、服务或库存查找最近的门店、机构或服务点。
- Survey / FeedbackSurvey / Feedback反向 · 应用于
以问卷、评分或开放反馈收集用户意见,并说明提交后的处理方式。
- Tool InputTool Input反向 · 应用于
让用户输入、配置或上传工具任务所需的信息。
- Web 界面设计Web Interface Design应用于
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- 表单与输入Forms & Input属于
用于接收、选择、编辑、上传和校验用户输入的组件。
- Clear ButtonClear Button反向 · 属于
清除当前选择的操作
- ListboxListbox反向 · 属于
承载可选择选项的列表区域
- OptionOption反向 · 属于
选项集合中的单个可选项
- Option GroupOption Group反向 · 属于
按语义分组的一组相关选项
- PlaceholderPlaceholder反向 · 属于
没有选择值时的提示文本
- PopoverPopover反向 · 属于
承载选项列表的浮层表面
- Selected ValueSelected Value反向 · 属于
显示当前选择结果的区域
- TriggerTrigger反向 · 属于
打开选项集合的触发控件
- CompactCompact应用于
减少间距以适配高密度工作台的变体。
- DefaultDefault应用于
默认状态,组件可被使用但没有额外交互反馈。
- DisabledDisabled应用于
组件暂时不可操作的状态。
- FocusedFocused应用于
键盘或其他输入方式当前定位到组件的状态。
- HoverHover应用于
指针悬停在可交互目标上的状态。
- InvalidInvalid应用于
当前输入不符合规则但用户仍可修正的状态。
- LoadingLoading应用于
组件正在等待异步结果的状态。
- MediumMedium应用于
适用于大多数场景的默认尺寸变体。
- ValidValid应用于
当前输入或操作通过校验的状态。