HTML <select>标签

示例

创建一个拥有四个选项的选择列表:

<select>
  <option value="volvo">沃尔沃</option>
  <option value="saab">萨博</option>
  <option value="mercedes">奔驰</option>
  <option value="audi">奥迪</option>
</select>/td>

试一个 »

定义及用法

<select>标签用于创建一个选择列表(下拉列表)。

在<select>元素内部,用<option>元素来定义选项。


浏览器支持

Internet Explorer Firefox Opera Google Chrome Safari

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


HTML和XHTML之间的差异


提示和注意

提示:选择列表是一种表单控件,可放在表单里,以收集用户的输入。


可选属性

DTD栏表明哪种文档类型支持此属性。S=Strict,T=Transitional,F=Frameset。

属性 描述 DTD
disabled disabled 指定选择列表为禁用 STF
multiple multiple 指定允许选择多个选项 STF
name 名称 为选择列表定义名称 STF
size 数字 设置选择列表中可见选项的数目 STF


核心属性

<select>标签支持以下核心属性:

属性 描述 DTD
class 类名 指明元素的类名 STF
dir rtl
ltr
指定元素里内容的文本方向 STF
id id 指明元素的唯一id STF
lang 语言代码 指定元素内容的语言代码 STF
style 样式定义 指定元素的内嵌样式 STF
tabindex 数字 指定元素的Tab键顺序 STF
title 文本 指定元素的提示文本 STF
xml:lang 语言代码 在XHTML文档中指定元素内容的语言代码 STF

更多关于核心属性的信息。


事件属性

<select>标签支持以下事件属性:

属性 描述 DTD
onblur 脚本 当元素失去焦点时执行脚本 STF
onchange 脚本 当元素值(即元素的value属性值)发生改变时执行脚本 STF
onclick 脚本 在元素区域内单击鼠标(不区分左右键)时执行脚本 STF
ondblclick 脚本 在元素区域内双击鼠标(不区分左右键)时执行脚本 STF
onfocus 脚本 当元素取得焦点时执行脚本 STF
onmousedown 脚本 在元素区域内按下鼠标键(不区分左右键)时执行脚本 STF
onmousemove 脚本 当鼠标指针在元素区域内移动时执行脚本 STF
onmouseout 脚本 当鼠标指针移出元素区域时执行脚本 STF
onmouseover 脚本 当鼠标指针移入元素区域时执行脚本 STF
onmouseup 脚本 在元素区域内松开鼠标键(不区分左右键)时执行脚本 STF
onkeydown 脚本 按下一个键时执行脚本 STF
onkeypress 脚本 按下并松开一个键时执行脚本 STF
onkeyup 脚本 松开一个键时执行脚本 STF

更多关于事件属性的信息。

粤ICP备11097351号-1