在web表單中, HTML元素 <option> 用于定義在 <select>, <optgroup> 或 <datalist> 元素中包含的項(xiàng)。 <option> 可以在彈出窗口和 html 文檔中的其他項(xiàng)目列表中表示菜單項(xiàng)。
創(chuàng)建帶有 3 個(gè)選項(xiàng)的選擇列表：
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>HTML option標(biāo)簽的使用(菜鳥教程 (cainiaoplus.com))</title> </head> <body> <label for="tutorial_choice">Tutorials: </label> <select id="tutorial_choice"> <option value="html">HTML</option> <option value="css">CSS</option> <option value="sql">SQL</option> </select> </body> </body> </html>測(cè)試看看 ?/?
在此HTML5文檔示例中，我們使用<select>標(biāo)記創(chuàng)建了三個(gè)下拉值的列表-HTML，CSS和SQL。這些值將顯示為下拉列表供用戶選擇。
IEFirefoxOperaChromeSafari
大多數(shù)主流瀏覽器支持 <option> 標(biāo)簽。
<option> 標(biāo)簽定義下拉列表中的一個(gè)選項(xiàng)（一個(gè)條目）。
<option> 標(biāo)簽中的內(nèi)容作為 <select> 或者<datalist> 一個(gè)元素使用。
注釋：<option> 標(biāo)簽可以在不帶有任何屬性的情況下使用，但是您通常需要使用 value 屬性，此屬性會(huì)指示出被送往服務(wù)器的內(nèi)容。
注釋：請(qǐng)與 select 元素配合使用此標(biāo)簽，否則這個(gè)標(biāo)簽是沒有意義的。
提示：如果列表選項(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事件屬性。