HTML <select> 元素表示一个控件,创建一个下拉列表,供用户选择。这些下拉值由 <select>标签内的一系列 <option>标签定义。此标签通常也称为 <select>元素。
创建带有多个选项的下拉列表:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>HTML select标签的使用(森客兔子 (thinktus.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> 元素是一种表单控件,可用于在表单中接受用户输入。
HTML5 增加了一些新的属性。
New :HTML5 中的新增属性。
属性 | 值 | 描述 |
---|---|---|
autofocusHTML5 | autofocus | 规定在页面加载时下拉列表自动获得焦点。 |
disabled | disabled | 当该属性为 true 时,会禁用下拉列表。 |
formHTML5 | form_id | 定义 select 字段所属的一个或多个表单。 |
multiple | multiple | 当该属性为 true 时,可选择多个选项。 |
name | text | 定义下拉列表的名称。 |
requiredHTML5 | required | 规定用户在提交表单前必须选择一个下拉列表中的选项。 |
size | number | 规定下拉列表中可见选项的数目。 |
<select> 标签支持 HTML 的全局属性。
<select> 标签支持 HTML 的事件属性。
HTML DOM 参考手册: Select 对象