HTML 参考手册

HTML 标签大全

HTML: <select> 标签

HTML <select> 元素表示一个控件,创建一个下拉列表,供用户选择。这些下拉值由 <select>标签内的一系列 <option>标签定义。此标签通常也称为 <select>元素。

在线示例

创建带有多个选项的下拉列表:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML select标签的使用(菜鸟教程 (cainiaoplus.com))</title>
</head>
<body>
<label for="pet-select">Choose a pet:</label>
<select name="pets" id="pet-select">
    <option value="">--Please choose an option--</option>
    <option value="dog">Dog</option>
    <option value="cat">Cat</option>
    <option value="hamster">Hamster</option>
    <option value="parrot">Parrot</option>
    <option value="spider">Spider</option>
    <option value="goldfish">Goldfish</option>
</select>
</body>
</html>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

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

标签定义及使用说明

<select> 元素用来创建下拉列表。
<select> 元素中的 <option> 标签,这些标签提供下拉值列表,可用选项。

默认情况下,<select>标记中的第一个选项将显示为所选项目。用户可以在下拉列表中选择另一个选项。

提示和注意

提示:<select> 元素是一种表单控件,可用于在表单中接受用户输入。

HTML 4.01 与 HTML5之间的差异

HTML5 增加了一些新的属性。

属性

New :HTML5 中的新增属性。

属性描述
autofocusHTML5autofocus规定在页面加载时下拉列表自动获得焦点。
disableddisabled当该属性为 true 时,会禁用下拉列表。
formHTML5form_id定义 select 字段所属的一个或多个表单。
multiplemultiple当该属性为 true 时,可选择多个选项。
nametext定义下拉列表的名称。
requiredHTML5required规定用户在提交表单前必须选择一个下拉列表中的选项。
sizenumber规定下拉列表中可见选项的数目。

全局属性

<select> 标签支持 HTML 的全局属性

事件属性

<select> 标签支持 HTML 的事件属性

相关文章

HTML DOM 参考手册: Select 对象