<option>: Элемент HTML Option
Элемент <option> HTML используется для определения элемента, содержащегося в элементе <select>, элементе <optgroup> или элементе <datalist>. Таким образом, <option> может представлять пункты меню в всплывающих окнах и других списках элементов в документе HTML.
Попробуйте
Атрибуты
Этот элемент включает глобальные атрибуты.
disabled-
Если этот булевый атрибут установлен, этот параметр не может быть выбран. Часто браузеры затемняют такой элемент управления, и он не получит никаких событий просмотра, таких как щелчки мыши или события, связанные с фокусом. Если этот атрибут не установлен, элемент всё ещё может быть отключён, если один из его предков — отключённый элемент
<optgroup>. label-
Этот атрибут содержит текст для метки, указывающей значение параметра. Если атрибут
labelне определён, его значением является содержимое текста элемента. selected-
Если присутствует, этот булевый атрибут указывает, что параметр изначально выбран. Если элемент
<option>является потомком элемента<select>, у которого атрибутmultipleне установлен, только один единственный<option>данного элемента<select>может иметь атрибутselected. value-
Содержимое этого атрибута представляет значение, которое будет отправлено вместе с формой, если этот параметр будет выбран. Если этот атрибут опущен, значение берётся из текстового содержимого элемента параметра.
Стиль с помощью CSS
Стиль элемента <option> сильно ограничен. Параметры не наследуют шрифт, заданный для родительского элемента. В Firefox можно задать только color и background-color, однако в Chrome и Safari нельзя установить какие-либо свойства. Более подробную информацию о стилизации можно найти в нашем руководстве по расширенной стилизации форм.
Примеры
См. <select> для примеров.
Технический обзор
| Категории содержимого | Нет. |
|---|---|
| Разрешённое содержимое | Текст, возможно с экранированными символами (например, é). |
| Пропуск тега | Начальный тег обязателен. Конечный тег необязателен, если за этим элементом сразу следует другой элемент <option> или элемент <optgroup>, или если у родительского элемента больше нет содержимого. |
| Разрешённые родительские элементы | Элемент <select>, элемент <optgroup> или элемент <datalist>. |
| Неявная роль ARIA | option |
| Разрешённые роли ARIA | Разрешённые роли role отсутствуют |
| Интерфейс DOM | HTMLOptionElement |
Спецификации
| Спецификация |
|---|
| Стандарт HTML # the-option-element |
Совместимость с браузерами
| Рабочий стол | Мобильный | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
option |
1 | 12 | 1 | 15 | ≤4 | 18 | 4 | 14 | ≤3.2 | 1.0 | 4.4 |
disabled |
1 | 12 | 1 | 15 | ≤4 | 18 | 4 | 14 | ≤3.2 | 1.0 | 4.4 |
label |
1 | 12 | 1["До версии 77 Firefox не отображал значение атрибутаlabel как текст параметра, если содержимое элемента было пустым. См. баг 40545.", "Исторически Firefox позволял событиям клавиатуры и мыши подниматься вверх по иерархии от элемента <option> к родительскому элементу <select>, хотя это поведение несовместимо во многих браузерах. Для лучшей веб-совместимости (и по техническим причинам) они не будут подниматься вверх, когда Firefox работает в многопроцессном режиме, и элемент <select> отображается как раскрывающийся список. Поведение не изменяется, если элемент <select> представлен встроеным виде и у него определён атрибут multiple или атрибут size имеет значение больше 1. Вместо слежения за элементами <option> для событий, вы должны следить за событиями change на <select>. Подробнее см. баг 1090602.", "Когда Mozilla добавила отдельные потоки содержимого в Firefox (через проект Electrolysis, или e10s), поддержка стилей элементов <option> была временно удалена. Начиная с Firefox 54, вы снова можете применять цвета фона и переднего плана к элементам <option>, используя CSS-свойства color и background-color соответственно. Подробности см. в баге 910022. Обратите внимание, что это по-прежнему отключено в Linux из-за отсутствия контрастности (см. баг 1338283 для прогресса)."] |
15 | ≤4 | 18 | 4До версии 77 Firefox не отображал значение атрибутаlabel как текст параметра, если содержимое элемента было пустым. См. баг 40545. |
14 | ≤3.2 | 1.0 | 4.4 |
selected |
1 | 12 | 1 | 15 | ≤4 | 18 | 4 | 14 | ≤3.2 | 1.0 | 4.4 |
value |
1 | 12 | 1 | 15 | ≤4 | 18 | 4 | 14 | ≤3.2 | 1.0 | 4.4 |
См. также
- Другие элементы, связанные с формами:
<form>,<legend>,<label>,<button>,<select>,<datalist>,<optgroup>,<fieldset>,<textarea>,<input>,<output>,<progress>и<meter>.
© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option
