<select>
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
HTML-элемент <select>
представляет собой элемент управления который содержит меню опций:
Категории содержимого | Основной поток, текстовый контент, интерактивный контент, списочный, labelable, сбрасываемый, и submittable form-associated element |
---|---|
Допустимое содержимое | Ноль или более <option> или <optgroup> элементы. |
Пропуск тегов | Открывающий и закрывающий теги обязательны. |
Допустимые родители | Любые элементы в которых разрешено текстовое содержимое |
Допустимые ARIA-роли | menu |
DOM-интерфейс | HTMLSelectElement |
Атрибуты
Элемент включает глобальные атрибуты.
autofocus
-
Этот атрибут указывает что при загрузке страницы данный элемент формы должен иметь фокус ввода, пока пользователь не переопределит это, к примеру печатая в разных элементах управления. Только один элемент формы может иметь атрибут
autofocus
, элемент является логическим (булевым). disabled
-
Этот логический атрибут указывает что пользователь не может взаимодействовать с элементом управления. Если атрибут не указан, элемент управления наследует настройки от содержащего его элемента, к примеру
fieldset
; если у родительского элемента не указан атрибутdisabled
, то элемент управления доступен для взаимодействия. form
-
Этот атрибут указывает к какой конкретно форме относится элемент <select> . Если атрибут указан, его значением должно быть ID формы в том же документе. Это позволяет размещать элементы <select> где угодно в документе, а не только как потомки форм.
multiple
-
Этот логический атрибут указывает что возможен выбор нескольких опций в списке. Если данный атрибут не указан, то только одна опция может быть выбрана.
name
-
Этот атрибут используется для указания имени элемента управления.
required
-
Этот логический атрибут указывает что обязательно должна быть выбрана опция и которая содержит не пустую строку.
size
-
Если элемент управления представлен как прокручиваемый список, этот атрибут указывает количество строк в списке, которые должны быть видны за раз. Браузеру не требуется представлять <select> в виде прокручиваемого списка. Значение по умолчанию 0.
Примечание: Согласно спецификации HTML5, значение размера по умолчанию должно быть 1; однако на практике, оказывается что это портит некоторые веб сайты, и ни один браузер не придерживается этого на данный момент, поэтому Mozilla предпочла также указать 0 пока что в Firefox.
Примеры
<!-- Начально будет выбрано второе значение -->
<select name="select">
<!--Supplement an id here instead of using 'name'-->
<option value="value1">Значение 1</option>
<option value="value2" selected>Значение 2</option>
<option value="value3">Значение 3</option>
</select>
Результат
Примечания
Контент этого элемента статичен и не редактируемый.
Спецификации
Specification |
---|
HTML Standard # the-select-element |
Совместимость с браузерами
BCD tables only load in the browser
Смотрите также
- Другие элементы форм:
<form>
,<legend>
,<label>
,<button>
,<option>
,<datalist>
,<optgroup>
,<fieldset>
,<textarea>
,<input>
,<output>
,<progress>
and<meter>
. - События запускаемые
<select>
: change.