<option>:HTML Option 元素
<option> HTML 元素用於定義包含在 <select>、<optgroup> 或 <datalist> 元素中的專案。因此,<option> 可以表示 HTML 文件中彈出視窗和其他專案列表中的選單項。
試一試
屬性
此元素包括全域性屬性。
disabled-
如果設定此布林屬性,則此選項不可選中。通常,瀏覽器會將此類控制元件顯示為灰色,並且它不會接收任何瀏覽事件,例如滑鼠單擊或與焦點相關的事件。如果未設定此屬性,則如果其祖先之一是停用的
<optgroup>元素,則該元素仍可能被停用。 label-
此屬性是指示選項含義的標籤的文字。如果未定義
label屬性,則其值為元素文字內容。 selected-
如果存在,此布林屬性表示選項最初處於選中狀態。如果
<option>元素是具有未設定multiple屬性的<select>元素的後代,則此<select>元素中只有一個<option>元素可以具有selected屬性。 值-
此屬性的內容表示如果選中此選項,則要與表單一起提交的值。如果省略此屬性,則該值取自選項元素的文字內容。
使用 CSS 設定樣式
<option>元素的樣式設定非常有限。選項不會繼承父元素上設定的字型。在 Firefox 中,只能設定color和background-color,但在 Chrome 和 Safari 中無法設定任何屬性。您可以在我們關於高階表單樣式指南中找到有關樣式設定的更多詳細資訊。
示例
請參閱<select>以獲取示例。
技術摘要
| 內容類別 | 無。 |
|---|---|
| 允許的內容 | 文字,可能包含跳脫字元(如é)。 |
| 標籤省略 | 開始標籤是必需的。如果此元素緊跟另一個<option>元素或<optgroup>,或者如果父元素沒有更多內容,則結束標籤是可選的。 |
| 允許的父元素 | <select>、<optgroup>或<datalist>元素。 |
| 隱式 ARIA 角色 | option |
| 允許的 ARIA 角色 | 不允許使用role。 |
| DOM 介面 | HTMLOptionElement |
規範
| 規範 |
|---|
| HTML 標準 # the-option-element |
瀏覽器相容性
BCD 表格僅在瀏覽器中載入