Forms & Input

Autocomplete 如何在界面中被理解、操作或组合？

Checkbox 如何在界面中被理解、操作或组合？

Code Input 如何在界面中被理解、操作或组合？

在二维色彩空间中选择饱和度、明度或色调。

输入或编辑颜色值的单一字段。

Color Input 如何在界面中被理解、操作或组合？

沿一维色带选择色相、透明度或其他颜色通道。

Combobox 如何在界面中被理解、操作或组合？

输入金额并显示货币和数值格式的字段。

由日期分段或单一文本组成的日期输入控件。

Date Input 如何在界面中被理解、操作或组合？

日期字段中的年、月、日等可独立编辑的分段。

输入并验证电子邮件地址的字段。

File Input 如何在界面中被理解、操作或组合？

触发系统文件选择器但不承担完整上传流程的控件。

接收用户输入，并提供焦点、错误和只读反馈。

Label 如何在界面中被理解、操作或组合？

Number Input 如何在界面中被理解、操作或组合？

OTP Input 如何在界面中被理解、操作或组合？

Password Input 如何在界面中被理解、操作或组合？

切换密码字段可见性的单一控制。

输入商品或资源数量的数字字段。

Radio 如何在界面中被理解、操作或组合？

Range Slider 如何在界面中被理解、操作或组合？

Searchbox 如何在界面中被理解、操作或组合？

Select 如何在界面中被理解、操作或组合？

Slider 如何在界面中被理解、操作或组合？

Switch 如何在界面中被理解、操作或组合？

Tag Input 如何在界面中被理解、操作或组合？

输入电话号码并适配地区、键盘和格式化规则的字段。

提供文本输入、名称、帮助和验证语义的基础字段单元。

Textarea 如何在界面中被理解、操作或组合？

由时间分段或单一文本组成的时间输入控件。

Time Input 如何在界面中被理解、操作或组合？

时间字段中的时、分、秒和周期等可独立编辑的分段。

输入并验证 URL 的字段。

按层级逐步选择国家、分类、目录或其他树状选项。

组织多个可多选选项并呈现组级语义的结构

编辑代码、配置或结构化文本的编辑器

把颜色区域、滑块、预览、输入和最近使用值组合起来。

提供评论、回复、提及、附件和提交动作的编辑器。

通过输入和日历面板选择日期的组合控件

在日历视图中选择、预览和修改日期范围。

选择起始日期和结束日期的组合控件

将语义相关的表单控件组织成一个输入组

提供拖拽、选择、预览和移除文件的上传入口。

选择、上传、校验并管理文件的组合控件

在面板中组织复杂筛选条件、应用和清除操作

组织多个输入、校验、提交和结果反馈的任务组件。

把 Label、Input、辅助说明和错误反馈组合成可理解的输入单元。

在文本编辑过程中搜索并插入用户、团队或对象提及。

支持从选项集合中选择多个值的组合控件

用字段、运算符和值构造可保存或复用的结构化查询。

组织一组互斥选项并管理组级选择的结构

编辑带有格式、结构和嵌入内容的富文本区域

提供带格式文本、链接、列表和嵌入内容的编辑字段。

组合搜索、筛选、排序和清除操作的工具条

提供搜索输入、提交和清除操作。

搜索、创建和移除多个标签的字段组合。

通过输入和候选列表选择时间的组合控件

选择开始与结束时间并处理跨日、时区和步长。

在两个列表之间移动、搜索和排序可选对象。

从层级选项树中选择一个或多个值的组合控件

管理多文件上传的队列、进度、错误、重试和取消。