САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

Обновляется!!! Справочник JavaScript

HTML Тег <option>



Пример

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

<label for="cars">Выберите автомобиль:</label>

<select id="cars">
  <option value="volvo">Вольво</option>
  <option value="saab">Сааб</option>
  <option value="opel">Опель</option>
  <option value="audi">Ауди</option>
</select>
Попробуйте сами »

Определение и использование

Тег <option> определяет параметр в списке выбора.

Элемент <option> находятся внутри элемнтов <select>, <optgroup>, или <datalist>.

Примечание: Тег <option> можно использовать без каких-либо атрибутов, но обычно нужен атрибут value, который указывает, что отправляется на сервер при отправке формы.

Совет: Если у вас есть длинный список опций, вы можете сгруппировать связанные опции в пределах тега <optgroup>


Поддержка браузеров

Элемент
<option> Да Да Да Да Да


Атрибуты

Атрибут Значение Описание
disabled disabled Указывает, что параметр должен быть отключен
label text Указывает более короткую метку для параметра
selected selected Указывает, что параметр должен быть предварительно выбран при загрузке страницы
value text Указывает значение, которое будет отправлено на сервер

Глобальные атрибуты

Тег <option> также поддерживает Глобальные атрибуты в HTML.


События атрибутов

Тег <option> также поддерживает События атрибутов в HTML.


Еще примеры

Пример

Использование элемента <option> в <datalist>:

<label for="browser">Выберите свой браузер из списка:</label>
<input list="browsers" name="browser" id="browser">

<datalist id="browsers">
  <option value="Edge">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>
Попробуйте сами »

Пример

Использование элемента <option> в <optgroup>:

<label for="cars">Выберите автомобиль:</label>
<select id="cars">
  <optgroup label="Шведские Автомобили">
    <option value="volvo">Вольво</option>
    <option value="saab">Сааб</option>
  </optgroup>
  <optgroup label="Немецкие Автомобили">
    <option value="mercedes">Мерседес</option>
    <option value="audi">Ауди</option>
  </optgroup>
</select>
Попробуйте сами »

Связанные страницы

HTML DOM Справочник: Объект Option


Настройки CSS по умолчанию

Нет.