ui component primitive type / Select
Select
Select 如何在界面中被理解、操作或组合?
Key fields
Identity
- Subtype
- 单一组件
- Parent Taxonomy
- Forms & Input
What
- Composition & States
- Select 的语义角色、视觉容器、内容区域和交互反馈。
Where
- Applicable Context
- Web Interface Design, Default, Hover, Focused, Disabled, Valid, Invalid, Loading, Medium, Compact
How
- Checklist
- 语义正确;键盘可用;焦点可见;状态可感知;响应式可用。
Lifecycle
- Status
- 启用
Related content
Relationships come from the local knowledge graph and include reverse links.
- Cookie Preference CenterCookie Preference CenterReverse · Related
让用户查看、分组和修改非必要 Cookie、追踪或隐私权限。
- Interactive CalculatorInteractive CalculatorReverse · Related
让用户输入假设并即时获得可解释的估算、比较或结果。
- Product ConfiguratorProduct ConfiguratorReverse · Related
按选项、约束和价格反馈组合或定制一个产品、方案或服务。
- Search & FilterSearch & FilterReverse · Related
帮助用户在内容集合、工具数据或资源目录中定位目标。
- Store LocatorStore LocatorReverse · Related
让用户按位置、服务或库存查找最近的门店、机构或服务点。
- Survey / FeedbackSurvey / FeedbackReverse · Related
以问卷、评分或开放反馈收集用户意见,并说明提交后的处理方式。
- Tool InputTool InputReverse · Related
让用户输入、配置或上传工具任务所需的信息。
- Web Interface DesignWeb 界面设计Related
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- Forms & Input表单与输入Related
用于接收、选择、编辑、上传和校验用户输入的组件。
- Clear ButtonClear ButtonReverse · Related
清除当前选择的操作
- ListboxListboxReverse · Related
承载可选择选项的列表区域
- OptionOptionReverse · Related
选项集合中的单个可选项
- Option GroupOption GroupReverse · Related
按语义分组的一组相关选项
- PlaceholderPlaceholderReverse · Related
没有选择值时的提示文本
- PopoverPopoverReverse · Related
承载选项列表的浮层表面
- Selected ValueSelected ValueReverse · Related
显示当前选择结果的区域
- TriggerTriggerReverse · Related
打开选项集合的触发控件
- CompactCompactRelated
减少间距以适配高密度工作台的变体。
- DefaultDefaultRelated
默认状态,组件可被使用但没有额外交互反馈。
- DisabledDisabledRelated
组件暂时不可操作的状态。
- FocusedFocusedRelated
键盘或其他输入方式当前定位到组件的状态。
- HoverHoverRelated
指针悬停在可交互目标上的状态。
- InvalidInvalidRelated
当前输入不符合规则但用户仍可修正的状态。
- LoadingLoadingRelated
组件正在等待异步结果的状态。
- MediumMediumRelated
适用于大多数场景的默认尺寸变体。
- ValidValidRelated
当前输入或操作通过校验的状态。