HTML тег <option>

Элемент <option> (от англ. "option" ‒ «выбор, вариант») создаёт элемент раскрывающегося списка. Ширина списка будет определяться самым длинным текстом, указанным в элементе, а также может изменяться с помощью стилей.

Элемент <option> должен располагаться внутри элемента <select> или <datalist>.

Пункты списка (<option>) внутри раскрывающегося списка <select> могут группироваться элементом <optgroup>.

Синтаксис

<select>
  <option> ... </option>
  ...
</select>

Закрывающий тег

Не обязателен.

Атрибуты

disabled
Указывает, что данный элемент списка должен быть выключен (выключенный элемент является неактивным).

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

selected
Устанавливает вариант ответа, который должен быть выбран по умолчанию во время загрузки страницы. Если атрибут не установлен, то при загрузке страницы будет отображен первый вариант ответа из списка. Если пользователь не выберет никай другой вариант, то на сервер будет отправлен именно он в качестве значения данного элемента формы.

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

Для этого элемента доступны глобальные атрибуты и события.

Стилизация по умолчанию

Нет.

Различия между HTML 4.01 и HTML5

Нет.

Пример использования:

Выпадающий список с четырьмя вариантами выбора:

Пример HTML:

Попробуй сам
<p>Версии HTML спецификаций:</p>
<select>
  <option>HTML2.0</option>
  <option>HTML3.2</option>
  <option>HTML4.01</option>
  <option>HTML5</option>
</select>

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

Спецификация Статус
WHATWG HTML Living Standard (WHATWG) Живой стандарт
HTML 4.01 (W3C) Рекомендация
HTML5 (W3C) Рекомендация
HTML 5.1 (W3C) Рекомендация

Поддержка браузерами

Учебник HTML

HTML Элементы



Contema