HTML 5 <option> 標簽

定義和用法

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

HTML 4.01 与 HTML 5 之间的差异

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

提示和注釋

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

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

例子

<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

标准屬性

class, contenteditable, contextmenu, dir, draggable, id, irrelevant, 
lang, ref, registrationmark, tabindex, template, title

如需完整的描述,請訪問 HTML 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 页面中创建簡單的下拉列表框。下拉列表框是一个可选列表。
另一個下拉列表
本例演示如何創建一個簡單的帶有預選值的下拉列表。(注:預選值指預先指定的首選項。)