HTML тег `<select>`

Значение и применение

Тег <select> представляет собой элемент управления, который позволяет создать раскрывающийся (выпадающий) список. Тег <option> определяет пункты раскрывающегося списка (параметры для выбора), он применяется как вложенный элемент тега <select>.

Попробуйте select в тренажёре HTML-форм: настройте поле, проверьте ввод и разберите результат.

Используя элемент <optgroup> вы можете группировать связанные данные в раскрывающемся списке и создавать отдельные группы.

Отправляются значения выбранных и доступных <option> под именем name списка. При multiple одно имя может повторяться несколько раз. Без value у варианта используется его текст. disabled исключает элемент из отправки; readonly для <select> не предусмотрен.

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

Спецификация: multipage

Поддерживается во всех основных браузерах с 2015 года.

Отдельные значения (2) поддерживаются не везде — смотрите таблицу.

ВсеКомпьютерыМобильные

Совместимостьhtml.elements.select
Возможность	Компьютеры					Мобильные
Возможность	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on iOS	Samsung Browser	WebView Android	WebView on iOS
`select`	✓1	✓12	✓1	✓2	✓1	✓18	✓4	✓10.1	✓1	✓1.0	✓4.4	✓1
`autocomplete`	✓66	✓79	✓59	✓53	✓9.1	✓66	✓59	✓47	✓9.3	✓9.0	✓66	✓9.3
`disabled`	✓1	✓12	✓1	✓15	✓3	✓18	✓4	✓14	✓2	✓1.0	✓4.4	✓2
`form`	✓1	✓12	✓1	✓15	✓3	✓18	✓4	✓14	✓2	✓1.0	✓4.4	✓2
<hr> in <select>	✓119	✓119	✓122	✓105	✓17	×	✓145	×	✓17.4	×	×	✓17.4
`multiple`	✓1	✓12	✓1	✓15	✓3	✓18	✓4	✓14	✓2	✓1.0	✓4.4	✓2
`name`	✓1	✓12	✓1	✓15	✓3	✓18	✓4	✓14	✓2	✓1.0	✓4.4	✓2
`required`	✓10	✓12	✓4	✓15	✓5.1	✓18	✓4	✓14	✓5	✓1.0	✓4.4	✓5
`size`	✓1	✓12	✓1	✓15	✓3	✓142	✓4	✓93	×	✓30.0	✓142	×
Ещё 6 значений · поддерживаются везде более 3 летСвернуть

поддерживаетсяс ограниченияминет поддержкинет данных≤31 — не позднее версии 31

Атрибуты

Атрибут	Значение	Описание
`autofocus`	`autofocus`	Указывает, что выпадающий список должен автоматически получать фокус при загрузке страницы.
`disabled`	`disabled`	Логический атрибут, который указывает, что выпадающий список должен быть отключен.
`form`	`form_id`	Идентификатор одной формы в том же документе, в том числе когда список находится вне неё.
`multiple`	`multiple`	Логический атрибут, который указывает, что может быть выбрано несколько вариантов сразу (через Ctrl в Windows и через Command в Mac).
`name`	`name`	Определяет имя для выпадающего списка.
`required`	`required`	Указывает, что пользователь должен выбрать значение перед отправкой формы.
`size`	`number`	Определяет число видимых опций в выпадающем списке.
`autocomplete`	`on \| off` или токены назначения	Подсказывает назначение поля для автозаполнения; поведение зависит от браузера и сохранённых данных.

Примеры, попробуйте сами

Выбор из списка

Добавьте option или отметьте вариант атрибутом selected.

index.html

HTML

<label
  >Напиток
  <select name="drink">
    <option value="tea">Чай</option>
    <option value="coffee">Кофе</option>
    <option value="water">Вода</option>
  </select></label
>

Отличия HTML 4.01 от HTML 5

В HTML 5 добавлены 3 новых атрибута.

Значение CSS по умолчанию

Нет.

Поддержка глобальных атрибутов

Элемент поддерживает "глобальные атрибуты".

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

Элемент поддерживает "атрибуты событий".