Элемент <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 | Определяет количество опций для отображения пользователю. |
Глобальные атрибуты
Как и все другие HTML-теги, тег <select> поддерживает все глобальные атрибуты в HTML5.
Атрибуты для событий
Тег <select> так же поддерживает атрибуты событий в HTML5.
Поддержка браузеров
Тег <select> поддерживается во всех основных браузерах.
