【发布时间】:2022-01-20 01:24:09
【问题描述】:
下拉框和组合框 [ HTML ] 有什么区别吗?
其实重点是,每次我说“组合框有问题”时,我的学长都会说:“这不是一个下拉组合框", :)
【问题讨论】:
-
你的前辈是对的,虽然 MSDN 使用的组合框只是一个下拉菜单。微软错了。
标签: html drop-down-menu combobox user-controls
下拉框和组合框 [ HTML ] 有什么区别吗?
其实重点是,每次我说“组合框有问题”时,我的学长都会说:“这不是一个下拉组合框", :)
【问题讨论】:
标签: html drop-down-menu combobox user-controls
从技术上讲,HTML 中没有组合框,因为无法输入 <SELECT>。见the Wikipedia article on Combo Box(强调我的):
组合框是一种常用的图形用户界面小部件。 它是下拉列表或列表框和单行文本框的组合,允许用户直接在控件中键入值或从现有选项列表中进行选择。 p>
虽然drop-down list 的定义与HTML <SELECT> 元素的作用完全匹配:
激活后,它会显示(下拉)一个值列表,用户可以从中选择一个。
所以你的前辈是对的。
【讨论】:
我猜他是在了解事实
【讨论】:
组合框允许用户从预定义的集合中选择一个值或输入一个自定义值。下拉列表仅允许选择预定义值之一。
【讨论】:
组合框应在预定义列表中包含多个项目,用户始终可见,并且应该:
使用户能够从预定义列表中选择单个项目和/或键入他们自己的值;
或
使用户能够从显示的预定义列表中选择多个项和/或添加他们自己的值
下拉/下拉列表框应仅显示并允许用户从预定义列表中选择一个项。
【讨论】:
如果您正在考虑实施哪一个,我发现ARIA doc 很好地解释了权衡:
当构建一个既视觉紧凑又允许用户从一组离散值中选择一个值的小部件时,列表框或菜单按钮通常更易于实现和使用。组合框与列表框和菜单按钮的区别之一是组合框的值显示在编辑字段中。因此,组合框为用户提供了列表框和菜单按钮都缺乏的一项功能,即选择部分或全部值以复制到剪贴板的能力。将组合框和菜单按钮小部件与列表框小部件区分开来的一个特点是它们能够提供撤消机制。
总结一下:
【讨论】:
组合框已经选择了一个值。以及额外的 Combobox 组合输入字段。
Dropdown 是一个简单的列表项,选择值后执行任何任务。
【讨论】: