<select>

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨июль 2015 г.⁩.

* Some parts of this feature may have varying levels of support.

HTML-элемент <select> представляет собой элемент управления который содержит меню опций:

Категории содержимого	Основной поток, текстовый контент, интерактивный контент, списочный, labelable, сбрасываемый, и submittable form-associated element
Допустимое содержимое	Ноль или более `<option>` или `<optgroup>` элементы.
Пропуск тегов	Открывающий и закрывающий теги обязательны.
Допустимые родители	Любые элементы в которых разрешено текстовое содержимое
Допустимые ARIA-роли	`menu`
DOM-интерфейс	`HTMLSelectElement`

Атрибуты

Элемент включает глобальные атрибуты.

autofocus: Этот атрибут указывает что при загрузке страницы данный элемент формы должен иметь фокус ввода, пока пользователь не переопределит это, к примеру печатая в разных элементах управления. Только один элемент формы может иметь атрибут autofocus, элемент является логическим (булевым).
disabled: Этот логический атрибут указывает что пользователь не может взаимодействовать с элементом управления. Если атрибут не указан, элемент управления наследует настройки от содержащего его элемента, к примеру fieldset; если у родительского элемента не указан атрибут disabled, то элемент управления доступен для взаимодействия.
form: Этот атрибут указывает к какой конкретно форме относится элемент <select> . Если атрибут указан, его значением должно быть ID формы в том же документе. Это позволяет размещать элементы <select> где угодно в документе, а не только как потомки форм.
multiple: Этот логический атрибут указывает что возможен выбор нескольких опций в списке. Если данный атрибут не указан, то только одна опция может быть выбрана.
name: Этот атрибут используется для указания имени элемента управления.
required: Этот логический атрибут указывает что обязательно должна быть выбрана опция и которая содержит не пустую строку.
size: Если элемент управления представлен как прокручиваемый список, этот атрибут указывает количество строк в списке, которые должны быть видны за раз. Браузеру не требуется представлять <select> в виде прокручиваемого списка. Значение по умолчанию 0.

Примечание: Согласно спецификации HTML5, значение размера по умолчанию должно быть 1; однако на практике, оказывается что это портит некоторые веб сайты, и ни один браузер не придерживается этого на данный момент, поэтому Mozilla предпочла также указать 0 пока что в Firefox.

Примеры

html

<!-- Начально будет выбрано второе значение -->
<select name="select">
 <!--Supplement an id here instead of using 'name'-->
 <option value="value1">Значение 1</option>
 <option value="value2" selected>Значение 2</option>
 <option value="value3">Значение 3</option>
</select>