术语库

Input

让用户输入一行简短文字的框，比如姓名、手机号、邮箱、标题，是表单里最常见的控件。

Textarea

可以输入多行文字的输入框，按回车会换行，适合备注、评论、问题描述这类较长的内容。

Input Number

只能输入数字的输入框，带加减按钮，可以限制最小值、最大值和每次加减的步长。

Select

点击后展开选项列表，从中选一项或多项，收起时只占一个输入框的位置，适合选项较多的情况。

Checkbox

可以打勾和取消的小方框，用来从一组选项里选多个，或单独勾选「同意协议」这类确认项。

Radio

一组圆形的选项，只能选中其中一个，选了新的会自动取消原来的，适合 2~5 个互斥选项。

Switch

像电灯开关一样的滑动小控件，表示某个功能开启或关闭，拨动后通常立即生效。

Slider

在一条横轨上拖动圆形滑块来选择数值或范围，适合音量、亮度、价格区间这类不要求精确的调节。

Date Picker

点击输入框后弹出一个小日历，让用户点选日期或日期范围，避免手动输入格式不统一。

Upload

让用户从电脑或手机里选择文件、图片并传到服务器的控件，可以点按钮选择，也可以把文件拖进来。

Form

把多个输入控件、字段名、校验提示和提交按钮组织在一起，用来收集并提交用户填写的信息。

Search Box

带放大镜图标的输入框，输入关键词后按回车或点搜索按钮，在页面、列表或全站中查找内容。

Tree

用可以逐级展开的缩进列表展示有上下级关系的数据，比如组织架构、文件夹目录、分类。

Transfer

左右两个列表加中间的箭头按钮，把项目从「可选」一侧移到「已选」一侧，用来批量挑选。

Cascader

一个下拉框，展开后按层级一列一列往右选，比如先选省、再选市、最后选区县。

Rate

一排五颗星（或其他图标），点亮几颗表示几分，既能让用户打分，也能只读展示平均分。

Segmented Control

几个紧挨着排成一条的选项按钮，同一时间只能选中一个，用来在少量视图或模式之间快速切换。

Filter Bar

放在列表或表格上方的一排查询条件，如关键字、状态、日期范围，用来缩小要看的数据范围。