Combobox vs. Multiselect vs. Listbox: How To Choose The Right One
这些UI组件（下拉菜单、组合框、多选框、列表框）的核心区别在于选项数量、是否支持文本过滤以及是否默认展示所有选项。下拉菜单在触发前隐藏列表；组合框支持键入过滤并选择单个选项；多选框支持过滤并选择多个选项，常以标签形式显示已选项；列表框则默认展示所有选项供浏览选择；双列表框允许在两个列表间移动项目，适合批量操作。 选择组件应基于两个核心因素：选项总数以及是否需要默认展示所有选项。一个关键原则是：不要隐藏高频使用的选项，可考虑预选或作为突出控件显示。对于少于5项的列表，单选按钮或复选框更合适。当选项超过200个时，组合框或多选框的过滤功能效率更高。列表框适用于需要一览所有选项的场景，而双列表框（转移列表）在进行批量分配或角色指定等复杂任务时，比拖拽操作更快速、准确且易于访问。 在可用性方面，必须支持键盘导航以保障无障碍访问。当列表项超过7个时，考虑添加“全选”和“清除”功能。对于较长的组合框列表，点击时应展示所有选项。此外，确保交互元素与非交互元素的视觉区分清晰，避免用户混淆。正确命名组件（如区分下拉菜单、多选框、列表框）有助于团队对齐设计意图与实现。