网站建设单选和多选

网站建设单选和多选

在网页设计时经常会用到单选和多选，而这个很常见的单选和多选也是有应用场景的，在网站建设中合理应用会增加网站细节，减少用户认知场景。

一、单选

1.TAB单选
场景：一个分段出现2-6个单选项时使用，用于图标、数字或短词的导航形式。

优点：将所有选项排在一排，样式可以做到非常直观，漂亮。

缺点：不适合用在较长文本，如果要使用需要精简文本。

2.列表单选
场景：一个分段出现2-6个单选项时使用，被设计成垂直方向，圆形轮廓，并列摆在列表项的开头。

优点：为内容提供更多的空间，更易于阅读，可以容纳更多文字，文本可以换行，还可以增加图片。

缺点：占用空间，不适合用在垂直高度受限的页面中。

二、多选

1.标签选择
场景：通常从3-6个选项中进行多次选择的情况下使用，适合用简短的文字或数字。设计形式一般是类似于小按钮，通过背景色区分选中是否。

优点：节省空间，给人印象是轻量的，有趣的。

缺点：不适合长文本。

2.列表多选

场景：列表中复选框一般应用于6个以上选项进行多选的情况，设计样式通常是在列表开头处设计一个正方形描边框。

优点：为内容提供更多的空间，更易于阅读，可以容纳更多文字，文本可以换行，还可以增加图片。

缺点：占用空间，不适合用在垂直高度受限的页面中。