HTML <select> 标签 创建单选或多选菜单

所有主流浏览器都支持 标签。

select 元素可创建单选或多选菜单。

元素中的 标签用于定义列表中的可用选项。

提示：select 元素是一种表单控件，可用于在表单中接受用户输入。

属性

New: HTML5 中的新属性。

属性	值	描述
autofocus（5）	autofocus	规定在页面加载后文本区域自动获得焦点。
disabled	disabled	规定禁用该下拉列表。
form（5）	form_id	规定文本区域所属的一个或多个表单。
multiple	multiple	规定可选择多个选项。
name	name	规定下拉列表的名称。
required（5）	required	规定文本区域是必填的。
size	number	规定下拉列表中可见选项的数目。

本例演示如何在HTML页面中创建简单的下拉列表框。下拉列表框是一个可选列表。

<select name="cars">
"volvo">Volvo
"saab">Saab
"fiat">Fiat
"audi">Audi
select>

本例演示如何创建一个简单的带有预选值的下拉列表。（译者注：预选值指预先指定的首选项。）

<select name="cars">
"volvo">Volvo
"saab">Saab
"fiat" selected="selected">Fiat
"audi">Audi
select>

附：Select 对象

Select 对象代表 HTML 表单中的一个下拉列表。

在 HTML 表单中，

标签每出现一次，一个 Select 对象就会被创建。

您可通过遍历表单的 elements[] 数组来访问某个 Select 对象，或者使用 document.getElementById()。