: HTML 选择元素基线 广泛可用此功能已得到良好建立，并在许多设备和浏览器版本中有效。它自以下时间以来在所有浏览器中均可用 2015 年 7 月.

了解更多查看完整兼容性报告反馈 用法。它被赋予了 id 属性以使其能够与

与其关联的

元素（其表单所有者）关联。此属性的值必须是同一文档中 的 id。（如果未设置此属性，则 元素关联到文档中任何位置的 ，而不仅仅是在 内部。它还可以覆盖祖先 元素。

multiple

此布尔属性指示可以在列表中选择多个选项。如果未指定它，则一次只能选择一个选项。当指定 multiple 时，大多数浏览器将显示一个滚动列表框，而不是单行下拉菜单。

name

此属性用于指定控件的名称。

required

一个布尔属性，指示必须选择具有非空字符串值的选项。

size

如果控件以滚动列表框形式呈现（例如，当指定 multiple 时），此属性表示列表中应一次显示的行数。浏览器不需要以滚动列表框形式呈现选择元素。默认值为 0。

注意：根据 HTML 规范，size 的默认值应为 1；但是，在实践中，人们发现这会导致某些网站崩溃，并且目前没有其他浏览器这样做，因此 Mozilla 决定暂时继续在 Firefox 中返回 0。

使用注意事项选择多个选项在台式电脑上，可以通过多种方式在具有multiple属性的元素上（例如，使用Tab）。

使用Up和Down光标键上下移动选项，选择想要选择范围的顶部或底部的项目。

按住Shift键，然后使用Up和Down光标键增加或减少所选项目的范围。

键盘用户可以通过以下方式选择多个非连续的项目：

将焦点放在元素以 CSS 样式化是出了名的困难。您可以影响某些方面，就像任何元素一样——例如，操纵盒子模型、显示的字体等，并且可以使用appearance属性删除默认的系统appearance。

但是，这些属性在不同的浏览器中不会产生一致的结果，而且很难将不同类型的表单元素在同一列中对齐。样式化的更多有用信息，请参阅：

HTML 表单样式化

HTML 表单的高级样式化

field-sizing属性，它控制中的

应该被认为纯粹是装饰性的，因为它们目前在可访问性树中不可见，因此也不向辅助技术公开。

示例基本 select以下示例创建一个非常简单的下拉菜单，其中第二个选项默认选中。

html

结果带分组选项的 select以下示例使用和

创建一个带有分组的下拉菜单，以便用户更容易理解下拉菜单中的内容。

html

结果具有多个功能的 advanced select以下示例更复杂，展示了您可以在

结果

您会看到：

由于我们包含了multiple属性，因此可以选择多个选项。

size属性导致一次只显示 4 行；您可以滚动以查看所有选项。

我们包含了元素，将选项分成不同的组。这只是一个纯粹的视觉分组，其可视化通常包括组名以粗体显示，选项缩进。

“Hamster”选项包含disabled属性，因此根本无法选择。

技术摘要

内容类别

流内容、短语内容、交互式内容、列表、可标记、可重置和可提交与表单关联元素

允许的内容

零个或多个或

元素。

标签省略

无，起始标签和结束标签都是必需的。

允许的父级

任何接受短语内容的元素。

隐式 ARIA 角色

combobox，没有multiple属性，并且没有size属性大于 1，否则为listbox

允许的 ARIA 角色

menu，没有multiple属性，并且没有size属性大于 1，否则不允许使用role

DOM 接口

HTMLSelectElement

规范规范HTML 标准 # the-select-element浏览器兼容性BCD 表格仅在浏览器中加载

另请参阅