etxt banner 468x60etxt banner 728x90etxt banner 930x180jivo banner 468x60jivo banner 728x90jivo banner 930x180skillbox banner 468x60skillbox banner 728x90skillbox banner 930x180

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

kwork banner 480x320kwork banner 728x90kwork banner 120x600beget banner 480x320beget banner 728x90beget banner 120x600skillbox banner 480x320skillbox banner 728x90skillbox banner 120x600

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

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

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

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

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

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

HTML-тег <header>

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

HTML-тег <base>

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

HTML-тег <legend>

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