Тег HTML <select>

2016-05-24 0 ∞

Пример

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

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

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

Элемент	Chrome	IE	Firefox	Safari	Opera
<select>	Да	Да	Да	Да	Да

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

Элемент <select> является элементом управления формы, и может быть использован в ней для получения данных от пользователя с помощью раскрывающегося списка HTML.

Отличия между HTML 4.01 и HTML5

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

Атрибуты

* введен в HTML5.

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

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

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

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

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

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

Нет.