HTML <select> 标签
主题：HTML5 标签参考上一页|下一页
说明
<select> 元素定义了 <form> 中的选择列表。 选择列表通常在浏览器中显示为下拉菜单（即下拉列表），用户可以根据其属性从中选择一个或多个选项。 选择列表提供的每个选项都由 <option> 元素定义。
下表总结了此标签的使用上下文和版本历史。
| Placement: | Inline |
|---|---|
| Content: | <optgroup>和/或<option>中的一种或多种 |
| 开始/结束标签： | 开始标签： required, 结束标签：required |
| 版本： | HTML 2, 3.2, 4, 4.01, 5 |
注意： 一个 <select> 元素必须至少包含一个 <option> 元素。 如果将属性 selected="selected" 指定给 <option> 元素的开始标签，则可以为用户预先选择选项。
语法
<select> 标签的基本语法如下：
HTML / XHTML: <select> ... </select>
下面的示例显示了 <select> 标签的作用。
<select>
<option value="ferrari">Ferrari</option>
<option value="mercedes">Mercedes</option>
<option value="porsche">Porsche</option>
</select>标签特定属性
下表显示了特定于 <select> 标签的属性。
| 属性 | 值 | 说明 |
|---|---|---|
autofocus |
autofocus |
指定加载文档时下拉列表应自动获得焦点。 |
disabled |
disabled |
此布尔属性指示下拉列表已禁用，即下拉列表不可选择。 |
form |
form-id |
指定选择元素关联的表单，即它的"表单所有者"。 |
multiple |
multiple |
此布尔属性表示可以在列表中选择多个选项。 |
name |
unique-name | 定义选择元素的名称。 |
required |
required |
此布尔属性表示在提交表单之前必须选择具有非空值的选项。 |
size |
number | 指定向用户显示的选项数。 |
全局属性
与所有其他 HTML 标签一样， <select> 标签支持 HTML5 中的全局属性。
事件属性
<select> 标签还支持 HTML5 中的事件属性。
浏览器兼容性
所有主要的现代浏览器都支持 <select> 标签。
 |
基本支持—
|
进一步阅读
请参阅以下教程： HTML 表单.
其他与表单相关的标签： <form>, <fieldset>, <legend>, <label>, <input>, <textarea>, <optgroup>, <option>, <button>.
Advertisements