单选选择才可以提交_单选、复选、switch、tabs、标签别傻傻分不清

设计师经常在选用单选还是复选、switch开关？不懂怎么用，请看下文。

单选：只能选一项，且必须此选项可见

摘自百度百科

• 常用用于B端业务，web端常用。一般长这样：

图片摘自网络

• iOS和android单选也有区别，样式上注意区分

iOS单选：通常用一个对勾表示，位于右侧

iOS单选操作，显示勾选项

android单选：

图片摘自网络

---

复选框：在同一个列表有多项选择，且选择后不会有后续操作、建议使用复选框

ant的解释：与switch类似，复选框用于标记状态，需要和提交操作配合，而开关一触发则会生效某个指令。

---

switch开关：功能的开启与关闭、选项开启后，会有后续操作或者动作、状态改变、建议使用开关。

iOS设置常用

打开开关，则某个指令生效。

例如飞行模式移动蜂窝、和无线网就关闭了

web端还是建议少用switch，影响视觉的重心及视觉平衡。

---

tabs：标记选项，并在某个容器内，常用于切换平级的内容收纳与展现。

摘自numbers

知乎的主tab切换

标签：标记某个分类，可以是属性、维度等。

美团美食的标签使用

tabs、标签怎么用？发现网络一个好图：6个以内建议用tabs，6个以上用标签。

摘自网络

图的大概意思：

1. 唯一-单选
2. 少于6个，且较短-tabs
3. 少余6个，且较长-列表单选

---

1. 不是唯一-多选
2. 多余6个，且较长-列表多选
3. 多余6个，且较短-标签

如有不清楚，欢迎大家讨论。