kwork banner 468x60kwork banner 728x90kwork banner 930x180beget banner 468x60beget banner 728x90beget banner 930x180smsc banner 468x60smsc banner 728x90smsc 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>:

АтрибутЗначениеОписание
autofocusautofocusУказывает, что раскрывающийся список должен автоматически получать фокус при загрузке документа.
disableddisabledЭтот логический атрибут указывает, что раскрывающийся список отключен, т. е. недоступен для выбора.
formform-idОпределяет форму, с которой элемент select связан.
multiplemultipleЭтот логический атрибут указывает, что в списке можно выбрать несколько параметров.
nameunique-nameОпределяет имя для элемента select.
requiredrequiredЭтот логический атрибут указывает, что перед отправкой формы должна быть выбрана опция с непустым значением.
sizenumberОпределяет количество опций для отображения пользователю.

Глобальные атрибуты

Как и все другие HTML-теги, тег <select> поддерживает все глобальные атрибуты в HTML5.

Атрибуты для событий

Тег <select> так же поддерживает атрибуты событий в HTML5.

Поддержка браузеров

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

flexbe banner 480x320flexbe banner 728x90flexbe banner 120x600kwork banner 480x320kwork banner 728x90kwork banner 120x600jivo banner 480x320jivo banner 728x90jivo banner 120x600

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

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

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

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

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

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

HTML-тег <header>

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

HTML-тег <base>

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

HTML-тег <legend>

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