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 設定
無。