目录搜索
文字
分享

HTML 5 <option> 标签

定义和用法

<option> 标签定义下拉列表中的一个选项。

HTML 4.01 与 HTML 5 之间的差异

在 HTML 5 中,<option> 标签也用于新元素 <datalist> 中。

提示和注释

注释:<option> 标签能够在不带任何属性的情况下使用,但是通常需要 value 属性,该属性定义了发送到服务器的数据。

注释:请与 <select> 或 <datalist> 标签结合使用。在其他地方,<option> 标签是无意义的。

例子

1

2

3

4

5

6

<select>

  <option value="volvo">Volvo</option>

  <option value="saab">Saab</option>

  <option value="opel" selected="selected">Opel</option>

  <option value="audi">Audi</option>

</select>

属性

属性 描述 4 5
disabled disabled 规定此选项应在首次加载时被禁用。 4 5
label text 定义当使用 <optgroup> 时所使用的标注。 4 5
selected selected 规定选项(在首次显示在列表中时)表现为选中状态。 4 5
value text 定义送往服务器的选项值。 4 5

标准属性

1

2

class, contenteditable, contextmenu, dir, draggable, id, irrelevant,

lang, ref, registrationmark, tabindex, template, title

如需完整的描述,请访问 HTML 5 中标准属性。

事件属性

1

2

3

4

5

onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu,

ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover,

ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup,

onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout,

onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload

如需完整的描述,请访问 HTML 5 中事件属性。

TIY 实例

简单的下拉列表
本例演示如何在 HTML 页面中创建简单的下拉列表框。下拉列表框是一个可选列表。
另一个下拉列表
本例演示如何创建一个简单的带有预选值的下拉列表。(注:预选值指预先指定的首选项。)