HTML-тег <select>

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

Тип:	Inline
Контент:	Один или несколько `<optgroup>` и/или `<option>`
Открывающий тег:	Обязательный
Закрывающий тег:	Обязательный
Версия:	HTML 2, 3.2, 4, 4.01, 5

Элемент <select> должен содержать хотя бы один элемент <option>. Параметры могут быть предварительно выбраны для пользователя, если для выбранного тега элемента <option> указан атрибут selected="selected".

Синтаксис

Базовый синтаксис тега <select> выглядит следующим образом:

HTML / XHTML: <select> ... </select>

Примеры написания кода тега <select>:

<select name="select">
   <option value="ferrari">Ferrari</option>
   <option value="mercedes" selected>Mercedes</option>
   <option value="porsche">Porsche</option>
</select>

Специальные атрибуты тега

В следующей таблице приведены атрибуты, которые относятся к тегу <select>:

Атрибут	Значение	Описание
`autofocus`	`autofocus`	Указывает, что раскрывающийся список должен автоматически получать фокус при загрузке документа.
`disabled`	`disabled`	Этот логический атрибут указывает, что раскрывающийся список отключен, т. е. недоступен для выбора.
`form`	`form-id`	Определяет форму, с которой элемент select связан.
`multiple`	`multiple`	Этот логический атрибут указывает, что в списке можно выбрать несколько параметров.
`name`	unique-name	Определяет имя для элемента select.
`required`	`required`	Этот логический атрибут указывает, что перед отправкой формы должна быть выбрана опция с непустым значением.
`size`	number	Определяет количество опций для отображения пользователю.