下拉框和组合框之间有什么区别吗？

Question

下拉框和组合框[HTML]之间有什么区别吗？

实际上重点是，每次我说的话都是这样的：“组合框存在一些问题”，我的大四学生说：“这不是一个下拉的组合框“，：）

Answer 1

从技术上讲，HTML中没有组合框，因为<SELECT>无法输入。见the Wikipedia article on Combo Box（强调我的）：

  

组合框是常用的图形用户界面小部件。 它是下拉列表或列表框与单行文本框的组合，允许用户直接在控件中键入值或从现有选项列表中进行选择。

虽然drop-down list的定义完全符合HTML <SELECT>元素的作用：

  

激活后，它会显示（下拉）一个值列表，用户可以从中选择一个值。

所以你的大四是对的。

Answer 2

我猜他正在研究这个事实

• 组合框是输入文本字段和选项列表的组合。您可以在输入字段中输入内容，列表应更新以突出显示可能的匹配
• 下拉列表只是单击箭头按钮时下拉选项的列表。您只能从预定义选项列表中进行选择

Answer 3

组合框应该在预定义列表中有多个项目始终对用户可见，并且应该：

使用户能够从预定义列表中选择单个项目和/或键入自己的值;

或

允许用户从显示的预定义列表中选择多个项目和/或添加自己的值

下拉/下拉列表框应仅显示并允许用户从预定义列表中选择一个项。

Answer 4

组合框允许用户从预定义的集合中选择值或输入自定义的值。下拉列表仅允许选择一个预定义值。

Answer 5

如果您正在考虑实施哪种解决方案，我发现ARIA doc可以很好地权衡取舍：

在构建既具有视觉上紧凑性又使用户能够从一组离散值中选择一个值的窗口小部件时，通常，列表框或菜单按钮都更易于实现和使用。组合框与列表框和菜单按钮都不同的一个功能是，组合框的值显示在编辑字段中。因此，组合框为用户提供了列表框和菜单按钮都缺少的一项功能，即选择部分或全部值以复制到剪贴板的功能。将组合框和菜单按钮小部件与列表框小部件区分开的一个功能是它们提供撤消机制的能力。

总结一下：

• 首选菜单或列表框而不是组合框，因为它们更易于实现
• 使组合框与其他两个区别唯一的是它可以使用户复制到剪贴板并撤消