HTML - тег <select>
используется для создания раскрывающегося списка опций, который появляется, когда пользователь нажимает на элемент формы, и позволяет выбрать один из вариантов.
Тег <select>
представлен парами. Содержимое записывается между открывающим (<select>
) и закрывающим (</select>
) тегами.
Пример, как создать раскрывающийся список с четырьмя опциями:
<label for="planets">Выберите планету:</label>
<select name="planets" id="planets">
<option value="mars">Марс</option>
<option value="jupiter">Юпитер</option>
<option value="venus">Венера</option>
<option value="saturn">Сатурн</option>
</select>
<select>
используется для создания раскрывающегося списка;HTML - тег <select>
сложно эффективно стилизовать с помощью CSS. Вы можете воздействовать на определенные части элемента. Например, можно управлять отображаемым шрифтом, моделью блока и т. д., а также использовать CSS свойство appearance для удаления внешнего вида системы по умолчанию. Но эти свойства не дают стабильного результата во всех браузерах. Внутренняя структура тега <select>
сложна, и ее сложно контролировать. Для получения полного контроля вам может понадобиться библиотека с улучшенными виджетами форм или раскрывающееся меню с использованием несемантических элементов.
<select>
следует поместить внутри тега <form>Поддерживает | |
Поддерживает | |
Поддерживает | |
Поддерживает | |
Поддерживает | |
Поддерживает |
Атрибут | Значение | Описание |
---|---|---|
autofocus | autofocus | Указывает, что раскрывающийся список должен автоматически получать фокус при загрузке страницы. |
disabled | disabled | Указывает, что раскрывающийся список должен быть отключен |
form |
form_id |
Определяет, к какой форме принадлежит раскрывающийся список |
multiple | multiple | Указывает, что одновременно можно выбрать несколько параметров |
name | name | Определяет имя раскрывающегося списка |
required | required | Указывает, что пользователю необходимо выбрать значение перед отправкой формы |
size | number | Определяет количество видимых опций в раскрывающемся списке |
Тег <select>
также поддерживает глобальные атрибуты в HTML
Тег <select>
также поддерживает атрибуты событий в HTML
Отсутствуют.
Полный список всех доступных тегов HTML см. в Справочнике по тегам HTML.