HTML тег - option - определение и примеры использования
Меню
Веб-разработка
Тег option HTML

HTML - тег <option> определяет элементы раскрывающегося списка, определенного тегом <select>, или элементы списка данных для автозаполнения, определенного тегом <datalist>.


Тег <option> - синтаксис и код

Тег <option> представлен парами. Содержимое записывается между открывающим (<option>) и закрывающим (</option>) тегами.

Пример раскрывающегося списка с четырьмя опциями:

<label for="seasons">Выберите сезон:</label>

<select id="seasons">
  <option value="winter">Зима</option>
  <option value="spring">Весна</option>
  <option value="summer">Лето</option>
  <option value="autumn">Осень</option>
</select>

Элемент option


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

  • HTML - тег <option> определяет параметр в списке выбора;
  • Тег <option> используется как дочерний элемент тега <select>, тега <datalist> или тега <optgroup>, который группирует элементы списка;
  • Элемент select помещается в тег <form>, если списки данных необходимо отправить на сервер или когда доступ к списку данных осуществляется через скрипты.
✪ Рекомендация: если у вас длинный список параметров, вы можете сгруппировать связанные параметры в теге <optgroup>
★ Примечание: тег <option> можно использовать без каких-либо атрибутов, но обычно нужен атрибут value, который указывает, что отправляется на сервер при отправке формы

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

Crome Поддерживает
Edge Поддерживает
Firefox Поддерживает
Safari Поддерживает
Opera Поддерживает

Атрибуты

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

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

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

Атрибуты событий

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


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

Отсутствуют.


Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.

 

Поделиться ссылкой