HTML тег select

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

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

Тег <select> является контрольным элементом формы и может использоваться для сбора пользовательских данных.

Разница между HTML 4.01 и HTML5

В HTML5 тегу <select> были добавлены новые атрибуты.

Атрибуты тега <select>

АтрибутОписание
autofocusАвтоматически передает фокус элементу select
disabledОтключает выпадающий список
formОпределяет к какой форме относится выпадающий список
multipleПозволяет выбирать больше одного пунктов выпадающего списка
nameОпределяет имя выпадающего списка
requiredОпределяет выпадающий список, как обязательный для выбора
sizeОпределяет количество одновременно видимых пунктов списка

Общие атрибуты

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

HTML пример использования

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


<select>
   <option value="volvo">Volvo</option>
   <option value="saab">Saab</option>
   <option value="opel">Opel</option>
   <option value="audi">Audi</option>
</select>