选择

让用户在一个预定的范围中进行选择。

单选#

示例1

示例2

单选用于一组相关但互斥的选项中，允许用户从多个选项中选择一个选项，选中状态与非选中状态明显不同。所有选项默认可见，方便用户在比较中选择，因此选项不宜过多。

注：选项数量一定多于 2 个，一般少于 5 个。

示例2

选择列表（通常称为下拉菜单）允许用户从列表中选择一个选项或多个选项，为用户在选项的数量上提供了更多的灵活性。

注：选项数量多于 5 个时使用；选项需按照逻辑排序，并尽量让内容显示完整。

字母索引定位（页卡形式）页卡形式的选项呈现区域是有限的，适合限定数量呈现。如热门城市

字母索引定位（列表形式）列表形式的选项呈现区域是无限的（可向下一直滚动），但需要有足够空间显示所有索引（索引和内容不允许同时滚动）。

树形定位树形定位更适合具有树状特征数据的呈现，如选择职员的所属组织

当选项数量较多时需为用户提供快速定位的功能，一般有字母索引定位和树形定位 2 种形式。

当选项数量较多且需要呈现更多的选项信息帮助用户做出决定时，可以考虑用弹窗方式。

如用户在选择一门在线课程时，需要了解课程名称、上课时间、上课地点等信息才能做出判断。另外，弹窗中可以提供相对复杂的搜索功能。

示例1

示例2

复选的作用是为用户提供一组互相关联但内容不兼容的选项。用户可选择一个或者多个选项

注：1. 复选一般用于状态标记，需要和提交操作配合； 2. 单个复选框可以表示两种状态之间的切换。

用户同时选择多项时，可以在最前面加一个总选项，用户可以一键选择。

用于切换单个选项的状态。「开关」的内联标签应该显示清楚，例如：禁用/启用，不允许/允许等。

正确示例

错误示例切换「开关」结果会立即生效，无需与操作按钮搭配用。

注：当用户切换「开关」按钮将直接触发状态改变。