Элемент <option> представляет параметр в раскрывающемся списке, который определен элементом <select>. Раскрывающийся список должен содержать хотя бы один элемент <option>.

Родительский: <select>, <optgroup>
Тип: Inline
Контент: Текст
Открывающий тег: Обязательный
Закрывающий тег: Опционально
Версия: HTML 2, 3.2. 4, 4.01, 5

Синтаксис

Базовый синтаксис тега <option> выглядит следующим образом:

HTML / XHTML: <option value="option-value"> ... </option>
В HTML закрывающий тег </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> поддерживается во всех основных браузерах.

Читайте также

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.