HTML <option> 標簽 · W3School HTML 參考手冊

# HTML <option> 標簽 ## 實例創建帶有 4 個選項的選擇列表： ``` <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> 標簽。 ## 定義和用法 option 元素定義下拉列表中的一個選項（一個條目）。瀏覽器將 <option> 標簽中的內容作為 <select> 標簽的菜單或是滾動列表中的一個元素顯示。 option 元素位于 select 元素內部。 ## HTML 與 XHTML 之間的差異在 HTML 中，<option> 沒有結束標簽。在 XHTML 中，<option> 必須被正確關閉。 ## 提示和注釋：注釋：<option> 標簽可以在不帶有任何屬性的情況下使用，但是您通常需要使用 value 屬性，此屬性會指示出被送往服務器的內容。注釋：請與 select 元素配合使用此標簽，否則這個標簽是沒有意義的。提示：如果列表選項很多，可以使用 <optgroup> 標簽對相關選項進行組合。 ## 可選的屬性 | 屬性 | 值 | 描述 | | --- | --- | --- | | [disabled](/tags/att_option_disabled.asp "HTML <option> 標簽的 disabled 屬性") | disabled | 規定此選項應在首次加載時被禁用。 | | [label](/tags/att_option_label.asp "HTML <option> 標簽的 label 屬性") | _text_ | 定義當使用 <optgroup> 時所使用的標注。 | | [selected](/tags/att_option_selected.asp "HTML <option> 標簽的 selected 屬性") | selected | 規定選項（在首次顯示在列表中時）表現為選中狀態。 | | [value](/tags/att_option_value.asp "HTML <option> 標簽的 value 屬性") | _text_ | 定義送往服務器的選項值。 | ## 全局屬性 <option> 標簽支持 [HTML 中的全局屬性](/tags/html_ref_standardattributes.asp)。 ## 事件屬性 <option> 標簽支持 [HTML 中的事件屬性](/tags/html_ref_eventattributes.asp)。 ## TIY 實例 [簡單的下拉列表](/tiy/t.asp?f=html_dropdownbox) 本例演示如何在 HTML 頁面中創建簡單的下拉列表框。下拉列表框是一個可選列表。 ``` <html> <body> <form> <select name="cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="fiat">Fiat</option> <option value="audi">Audi</option> </select> </form> </body> </html> ``` [另一個下拉列表](/tiy/t.asp?f=html_dropdownbox2) 本例演示如何創建一個簡單的帶有預選值的下拉列表。（注：預選值指預先指定的首選項。） ``` <html> <body> <form> <select name="cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="fiat" selected="selected">Fiat</option> <option value="audi">Audi</option> </select> </form> </body> </html> ``` ## 相關頁面 HTML DOM 參考手冊：[Option 對象](/jsref/dom_obj_option.asp "HTML DOM Option 對象")