Элемент <option>
представляет параметр в раскрывающемся списке, который определен элементом <select>
. Раскрывающийся список должен содержать хотя бы один элемент <option>
.
Родительский: | <select> , <optgroup> |
Тип: | Inline |
Контент: | Текст |
Открывающий тег: | Обязательный |
Закрывающий тег: | Опционально |
Версия: | HTML 2, 3.2. 4, 4.01, 5 |
Синтаксис
Базовый синтаксис тега <option>
выглядит следующим образом:
HTML / XHTML: <option value="option-value"> ... </option>
</option>
не является обязательным. В XHTML тег <option>
должен быть правильно закрыт, т. е. требуются как открывающий, так и закрывающий тег.
Примеры написания кода тега <option>
:
<select>
<option value="ferrari">Ferrari</option>
<option value="mercedes">Mercedes</option>
<option value="porsche">Porsche</option>
</select>
<optgroup>
для группировки связанных параметров в раскрывающемся списке. Это сделает ваши формы более удобными для пользователей, особенно когда пользователю придется выбирать из длинного списка опций.
Специальные атрибуты тега
В следующей таблице приведены атрибуты, которые относятся к тегу <option>
:
Атрибут | Значение | Описание |
---|---|---|
label |
text | Определяет короткую метку, <label> для опции. |
disabled |
disabled |
Этот логический атрибут указывает, что вложенный параметр отключен, т. е. этот параметр нельзя выбрать. |
selected |
selected |
Этот логический атрибут указывает, что опция изначально выбрана. |
value |
option-value | Определяет значение для опции. Если он не определен, значением элемента <option> является текстовое содержимое элемента. |
Глобальные атрибуты
Как и все другие HTML-теги, тег <option>
поддерживает все глобальные атрибуты в HTML5.
Атрибуты для событий
Тег <option>
так же поддерживает атрибуты событий в HTML5.
Поддержка браузеров
Тег <option>
поддерживается во всех основных браузерах.