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 disabled 規定此選項應在首次載入時被禁用。
label text 定義當使用 <optgroup> 時所使用的標註。
selected selected 規定選項(在首次顯示在列表中時)表現爲選中狀態。
value text 定義送往伺服器的選項值。

全域性屬性

<option> 標籤支援 HTML 中的全域性屬性

事件屬性

<option> 標籤支援 HTML 中的事件屬性

TIY 實例

簡單的下拉選單
本例演示如何在 HTML 頁面中建立簡單的下拉選單框。下拉選單框是一個可選列表。
另一個下拉選單
本例演示如何建立一個簡單的帶有預選值的下拉選單。(註:預選值指預先指定的首選項。)

相關頁面

HTML DOM 參考手冊:Option 對像