選單
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP 如何 W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA 生成式 AI SCIPY AWS 網路安全 資料科學
     ❯   

HTML <option> 標籤


示例

一個包含四個選項的下拉列表

<label for="cars">選擇一輛車:</label>

<select id="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>
自己動手試一試 »

更多“自己嘗試”的例子見下文。


定義和用法

<option> 標籤定義了選擇列表中的一個選項。

<option> 元素位於 <select><optgroup><datalist> 元素內。

注意:<option> 標籤可以不帶任何屬性使用,但您通常需要 value 屬性,該屬性指示在表單提交時傳送到伺服器的內容。

提示:如果選項列表很長,您可以使用 <optgroup> 標籤將相關選項分組。


瀏覽器支援

元素
<option>


屬性

Attribute 描述
disabled disabled 指定選項應停用
標籤 text 指定選項的較短標籤
selected selected 指定頁面載入時應預先選擇一個選項
value text 指定要傳送到伺服器的值

全域性屬性

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


事件屬性

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


更多示例

示例

在 <datalist> 元素中使用 <option>

<label for="browser">從列表中選擇您的瀏覽器:</label>
<input list="browsers" name="browser" id="browser">

<datalist id="browsers">
  <option value="Edge">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>
自己動手試一試 »

示例

在 <optgroup> 元素中使用 <option>

<label for="cars">選擇一輛車:</label>
<select id="cars">
  <optgroup label="瑞典汽車">
    <option value="volvo">沃爾沃</option>
    <option value="saab">薩博</option>
  </optgroup>
  <optgroup label="德國汽車">
    <option value="mercedes">賓士</option>
    <option value="audi">奧迪</option>
  </optgroup>
</select>
自己動手試一試 »

相關頁面

HTML DOM 參考:Option 物件


預設 CSS 設定

無。


×

聯絡銷售

如果您想將 W3Schools 服務用於教育機構、團隊或企業,請傳送電子郵件給我們
sales@w3schools.com

報告錯誤

如果您想報告錯誤,或想提出建議,請傳送電子郵件給我們
help@w3schools.com

W3Schools 經過最佳化,旨在方便學習和培訓。示例可能經過簡化,以提高閱讀和學習體驗。教程、參考資料和示例會不斷審查,以避免錯誤,但我們無法保證所有內容的完全正確性。使用 W3Schools 即表示您已閱讀並接受我們的使用條款Cookie 和隱私政策

版權所有 1999-2024 Refsnes Data。保留所有權利。W3Schools 由 W3.CSS 提供支援