HTML 5 <option> 標(biāo)簽
定義和用法
<option> 標(biāo)簽定義下拉列表中的一個(gè)選項(xiàng)。
HTML 4.01 與 HTML 5 之間的差異
在 HTML 5 中，<option> 標(biāo)簽也用于新元素 <datalist> 中。
提示和注釋
注釋：<option> 標(biāo)簽?zāi)軌蛟诓粠魏螌傩缘那闆r下使用，但是通常需要 value 屬性，該屬性定義了發(fā)送到服務(wù)器的數(shù)據(jù)。
注釋：請(qǐng)與 <select> 或 <datalist> 標(biāo)簽結(jié)合使用。在其他地方，<option> 標(biāo)簽是無(wú)意義的。
例子
<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 | 規(guī)定此選項(xiàng)應(yīng)在首次加載時(shí)被禁用。 | 4 | 5 |
| label | text | 定義當(dāng)使用 <optgroup> 時(shí)所使用的標(biāo)注。 | 4 | 5 |
| selected | selected | 規(guī)定選項(xiàng)（在首次顯示在列表中時(shí)）表現(xiàn)為選中狀態(tài)。 | 4 | 5 |
| value | text | 定義送往服務(wù)器的選項(xiàng)值。 | 4 | 5 |
標(biāo)準(zhǔn)屬性
class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title
如需完整的描述，請(qǐng)?jiān)L問(wèn) HTML 5 中標(biāo)準(zhǔn)屬性。
事件屬性
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
如需完整的描述，請(qǐng)?jiān)L問(wèn) HTML 5 中事件屬性。
TIY 實(shí)例
- 簡(jiǎn)單的下拉列表
- 本例演示如何在 HTML 頁(yè)面中創(chuàng)建簡(jiǎn)單的下拉列表框。下拉列表框是一個(gè)可選列表。
- 另一個(gè)下拉列表
- 本例演示如何創(chuàng)建一個(gè)簡(jiǎn)單的帶有預(yù)選值的下拉列表。（注：預(yù)選值指預(yù)先指定的首選項(xiàng)。）