HTML <option> 標(biāo)簽
實(shí)例
創(chuàng)建帶有 4 個(gè)選項(xiàng)的選擇列表：
<select><option value ="volvo">Volvo</option><option value ="saab">Saab</option><option value="opel">Opel</option><option value="audi">Audi</option></select>
瀏覽器支持
| IE | Firefox | Chrome | Safari | Opera |
|---|---|---|---|---|
所有瀏覽器都支持 <option> 標(biāo)簽。
定義和用法
option 元素定義下拉列表中的一個(gè)選項(xiàng)（一個(gè)條目）。
瀏覽器將 <option> 標(biāo)簽中的內(nèi)容作為 <select> 標(biāo)簽的菜單或是滾動(dòng)列表中的一個(gè)元素顯示。
option 元素位于 select 元素內(nèi)部。
HTML 與 XHTML 之間的差異
在 HTML 中，<option> 沒(méi)有結(jié)束標(biāo)簽。
在 XHTML 中，<option> 必須被正確關(guān)閉。
提示和注釋：
注釋：<option> 標(biāo)簽可以在不帶有任何屬性的情況下使用，但是您通常需要使用 value 屬性，此屬性會(huì)指示出被送往服務(wù)器的內(nèi)容。
注釋：請(qǐng)與 select 元素配合使用此標(biāo)簽，否則這個(gè)標(biāo)簽是沒(méi)有意義的。
提示：如果列表選項(xiàng)很多，可以使用 <optgroup> 標(biāo)簽對(duì)相關(guān)選項(xiàng)進(jìn)行組合。
可選的屬性
| 屬性 | 值 | 描述 |
|---|---|---|
| disabled | disabled | 規(guī)定此選項(xiàng)應(yīng)在首次加載時(shí)被禁用。 |
| label | text | 定義當(dāng)使用 <optgroup> 時(shí)所使用的標(biāo)注。 |
| selected | selected | 規(guī)定選項(xiàng)（在首次顯示在列表中時(shí)）表現(xiàn)為選中狀態(tài)。 |
| value | text | 定義送往服務(wù)器的選項(xiàng)值。 |
全局屬性
<option> 標(biāo)簽支持 HTML 中的全局屬性。
事件屬性
<option> 標(biāo)簽支持 HTML 中的事件屬性。
TIY 實(shí)例
- 簡(jiǎn)單的下拉列表
- 本例演示如何在 HTML 頁(yè)面中創(chuàng)建簡(jiǎn)單的下拉列表框。下拉列表框是一個(gè)可選列表。
- 另一個(gè)下拉列表
- 本例演示如何創(chuàng)建一個(gè)簡(jiǎn)單的帶有預(yù)選值的下拉列表。（注：預(yù)選值指預(yù)先指定的首選項(xiàng)。）