当选项数量 ≤ 4时，一般使用单选控件；选项数量大于4个时建议使用下拉控件。（最终使用单选还是下拉控件，根据页面空间大小而定）

当有推荐选项或者是用户常用选项时，建议默认选中。（若默认项对用户选择产生干扰，则不要默认）

若用于对立相反的选项且只有两个选项时，例如同意、不同意，这两个选项应该整合为一个复选控件而不是使用单选控件。

　　例如：

单选控件建议以逻辑顺序排列选项，如从被选到的可能性从高到低、从小到大、操作难以度从简单到复杂、风险程度从低到高等。

　　复选控件

定义：在两个相对立选项之间进行选择或者是能选择多个有效项的控件（包括通用复选控件和自定义复选控件）。

　　示例

通用复选控件

自定义复选控件（此处仅列举一种样式，其他样式视具体场景而定）

　　复选控件5种状态

　　复选控件使用场景及注意事项

当有推荐选项或者是用户常用选项时，建议默认选中。（若默认项对用户选择产生干扰，开奖，则不要默认）

若用于对立相反的选项且只有两个选项时，例如同意、不同意，这两个选项应该整合为一个复选控件而不是使用单选控件。

　　例如

复选框标签文本是对选中时的状态描述，未选状态的含义必须与选中状态明确相反。

　　下拉菜单

定义：当页面上元素或操作较多时，用以收纳这些元素或操作的控件。

示例：下拉菜单—下拉框

示例：下拉菜单—下拉浮层

　　下拉框状态

　　下拉框使用场景及注意事项

页面上的元素或操作较多时，用此控件收纳元素或操作。点击或移入触点，会出现一个下拉菜单。可在列表中进行选择，并执行相应的命令。

在下拉展开时，图标顺时针翻转；下拉收起时，图标逆时针翻转。

当下拉选项中包含鼓励用户的可选项或大部分用户常用选项时，则可考虑提供默认项。

当下拉选项非常多时，需在下拉框中加入搜索功能，方便用户选择。

当下拉框中标签字符超过最大宽度时，多余的字符用“...”显示，鼠标移入此选项时，用气泡提示全部显示。

　　下拉浮层状态

　　下拉浮层使用场景及注意事项

(责任编辑：本港台直播)