<option>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

HTML-элемент <option> используется для определения пункта списка контейнера <select>, элемента <optgroup>, или элемента <datalist>. Элемент <option> может представлять раздел меню всплывающих окон и других перечней или списков HTML документа.

Категория содержимого Нет.
Допустимое содержимое Текст, допускаются экранированные символы (например &eacute;).
Пропуск тегов Открывающий тег обязателен. Закрывающий тег опционален если за этим элементом следует другой элемент <option>, или элемент <optgroup>, или если родительский элемент не имеет больше содержимого.
Допустимые родители Элемент <select>, элемент <optgroup> или элемент <datalist>.
Допустимые ARIA-роли Нет
DOM-интерфейс HTMLOptionElement

Атрибуты

Как и все HTML-элементы, этот элемент поддерживает глобальные атрибуты.

disabled — отключён(о)

Если этот Boolean атрибут установлен, эта опция недоступна для выделения. Часто браузеры выделяют такой элемент управления серым цветом и ему недоступны любые события браузера, такие как клики мыши или события, связанные с фокусировкой. Если этот атрибут не установлен, этот элемент все ещё можно отключить (может не работать), если отключён внешний(one of its ancestors) элемент <optgroup>.

label — метка, ярлык

Этот атрибут - текст ярлыка, отображающий значение(смысл, описание) опции. Если label не указан (отсутствует), то его значение совпадает с текстовым содержанием элемента <option>.

selected — выбран(о)

(Если присутствует,) этот Boolean атрибут отображает то, что опция изначально выделена. Если элемент <option> принадлежит элементу <select>, чей атрибут multiple не установлен, только одна-единственная <option> элемента <select> может иметь атрибут selected .

value — значение, величина

Содержимое(содержание) этого атрибута отображает(представляет) значение, отправляемое формой, если выбрана(выделена) данная опция. Если (этот) атрибут value отсутствует, значение берётся из текстового содержания элемента <option>.

Примеры

См. <select> for examples.

Спецификации

Specification
HTML
# the-option-element

Совместимость с браузерами

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
option
disabled
label
selected
value

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
See implementation notes.

Смотрите также