Элемент <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> поддерживается во всех основных браузерах.















