Элемент <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> поддерживается во всех основных браузерах.

Читайте также

Похожие посты

HTML-тег <header>

Определяет заголовок документа или раздела

HTML-тег <base>

Определяет базовый URL для всех связанных объектов на странице

HTML-тег <legend>

Определяет заголовок для элемента <fieldset>

Насколько публикация полезна?

Нажмите на звезду, чтобы оценить!

Средняя оценка 5 / 5. Количество оценок: 1

Оценок пока нет. Поставьте оценку первым.