Тег HTML <select>

Пример

Создание HTML раскрывающегося списка с четырьмя пунктами:

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

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

Элемент <select> используется для создания выпадающего списка.

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

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

Элемент    Chrome        IE       Firefox      Safari     Opera  
<select>      Да    Да      Да     Да    Да

Советы и примечания

Элемент <select> является элементом управления формы, и может быть использован в ней для получения данных от пользователя с помощью раскрывающегося списка HTML.

Отличия между HTML 4.01 и HTML5

В HTML5 было добавлено несколько новых атрибутов.

Атрибуты

* введен в HTML5.

Атрибут Значение Описание
autofocus * autofocus Определяет то, что выпадающий список автоматически попадает в фокус ввода при загрузке страницы.
Disabled disabled Определяет то, что выпадающий список должен быть отключен.
form * form_id Идентифицирует одну или несколько форм, которым принадлежит выпадающий список.
Multiple multiple Задает возможность выбора сразу нескольких вариантов из списка.
Name name название HTML раскрывающегося списка.
required * required Устанавливает обязательный выбор одного из пунктов списка перед  отправкой данных формы.
Size number Устанавливает число видимых пунктов в выпадающем списке.

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

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

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

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

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

Нет.

Перевод статьи «HTML select Tag» был подготовлен дружной командой проекта Сайтостроение от А до Я.