天天看點

option (Elements) – HTML 中文開發手冊

[

option (Elements) - HTML 中文開發手冊

在web表單中, HTML元素<option>用于定義在<select>, <optgroup>或<datalist>元素中包含的項。<option> 可以在彈出視窗和 html 文檔中的其他項目清單中表示菜單項。

内容類别

允許的内容

帶有最終轉義字元(例如 é)的文本

标記省略

開始标記是必需的。如果此元素緊接着是另一個 <option> 元素或<optgroup>, 或者父元素沒有其他内容, 則結束标記是可選的。

允許的父元素

A <select>, an <optgroup> or a <datalist> element.

允許的ARIA角色

DOM 接口

HTMLOptionElement

屬性

此元素包括全局屬性。

disabled如果設定了這個布爾屬性,選項就不是可選的。浏覽器通常會将這種控件顯示為灰色,并且不再接受任何浏覽器事件,例如滑鼠點選或者焦點相關的事件。如果這個屬性沒有設定,如果元素的祖先是禁用的<optgroup>元素,元素仍然是禁用的 。

label這個屬性是用于表示選項含義的文本。如果 label 屬性沒有定義,它的值就是元素文本内容。

selected如果存在, 則這個布爾屬性表明,這個選項初始被選中。如果 <option> 元素是<select>元素的後繼,并且它的 multiple屬性沒有設定,這個<select>元素隻有一個<option> 元素可以擁有selected 屬性。

value這個屬性的内容代表這個選項選中的話,送出給表單的值。如果省略了這個屬性,值就從選項元素的文本内容中擷取。

示例

請見<select>示例。

規範

Specification

Status

Comment

HTML Living StandardThe definition of '<option>' in that specification.

Living Standard

HTML5The definition of '<option>' in that specification.

Recommendation

HTML 4.01 SpecificationThe definition of '<option>' in that specification.

Initial definition

浏覽器相容性

Feature

Chrome

Edge

Firefox

Internet Explorer

Opera

Safari

Basic Support

1

(Yes)

disabled

label

11 2 3

selected

value

Android

Chrome for Android

Edge mobile

Firefox for Android

IE mobile

Opera Android

iOS Safari

11