ЛУЧШИЙ САЙТ ДЛЯ ВЕБ-РАЗРАБОТЧИКОВ
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP КАК СДЕЛАТЬ W3.CSS JQUERY XML БОЛЬШЕ 🔍 ◑ КНИГИ УПРАЖНЕНИЯ СПРАВОЧНИКИ
HTML теги. Полный справочник

HTML тег <select>

❮ Prev Полный HTML справочник Next ❯

Пример

Создать выпадающий список с четырьмя параметрами:

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>
Попробуйте сами »

Определение и использование

Элемент <select> используется для создания выпадающего списка.

Теги <option> внутри элемента <select> определяют доступные параметры в списке.

Поддержка браузерами

Элемент
<select> Yes Yes Yes Yes Yes

Советы и примечания

Совет: Элемент <select> является элементом управления формы и может использоваться в форме для сбора ввода пользователя.

Различия между HTML 4.01 и HTML5

HTML5 добавил несколько новых атрибутов.

Атрибуты

Атрибут Значение Описание
autofocus autofocus Указывает, что раскрывающийся список должен автоматически получать фокус при загрузке страницы
disabled disabled Указывает, что раскрывающийся список должен быть отключен
form form_id Определяет одну или несколько форм, к которым относится поле выбора
multiple multiple Указывает, что несколько вариантов могут быть выбраны одновременно
name name Определяет имя для выпадающего списка
required required Указывает, что пользователь должен выбрать значение перед отправкой формы
size number Определяет количество видимых опций в раскрывающемся списке

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

Тег <select> также поддерживает Глобальные атрибуты в HTML.

Атрибуты событий

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

Связанные страницы

HTML DOM справочник: Объект Select

CSS учебник: Стилизация форм

Гастройки CSS по умолчанию

Отсутствуют.

❮ Prev Полный HTML справочник Next ❯