Перевод не завершен. Пожалуйста, помогите перевести эту статью с английского.

HTML тэг <select> представляет собой элемент управления который содержит меню опций:

Категории содержимого Основной поток, текстовый контент, интерактивный контент, списочный, labelable, сбрасываемый, и submittable form-associated element
Допустимое содержимое Ноль или более <option> или <optgroup> элементы.
Опускание тегов Открывающий и закрывающий теги обязательны.
Допустимие родительские элементы Любые элементы в которых разрешено текстовое содержимое
Разрешенная ARIA роль menu
DOM интерфейс HTMLSelectElement

Атрибуты

Элемент включает глобальные атрибуты.

autofocus HTML5
Этот атрибут указывает что при загрузке страницы данный элемент формы должен иметь фокус ввода, пока пользователь не переопределит это, к примеру печатая в разных элементах управления. Только один элемент формы может иметь атрибут autofocus, элемент является логическим (булевым).
disabled
Этот логический атрибут указывает что пользователь не может взаимодействовать с элементом управления. Если атрибут не указан, элемент управления наследует настройки от содержащего его элемента, к примеру fieldset; если у родительского элемента не указан атрибут disabled, то элемент управления доступен для взаимодействия.
form HTML5
Этот атрибут указывает к какой конкретно форме относится элемент <select> . Если атрибут указан, его значением должно быть ID формы в том же документе. Это позволяет размещать элементы <select> где угодно в документе, а не только как потомки форм.
multiple
Этот логический атрибут указывает что несколько возможен выбор нескольких опций в списке. Если не указан, то только одна опция может быть выбрана за раз.
name
Этот атрибут используется для указания имени элемента управления.
required HTML5
Этот логический атрибут указывает что обязательно должна быть выбрана опция и которая содержит не пустую строку.
size
Если элемент управления представлен как прокручаваемый список, этот атрибут указывает количество строк в списке, которые должны быть видны за раз. Браузеру не требуется представлять <select> в  виде прокручеваемого списка. Значение по умолчанию 0.
Примечания Firefox: Согласно спецификации 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>

Результат

Примечания

Контент этого элемента статичен и не редактируемый.

Спецификации

Спецификации Статус Коментарии
HTML Living Standard
Определение '<select>' в этой спецификации.
Живой стандарт  
HTML5
Определение '<select>' в этой спецификации.
Рекомендация  
HTML 4.01 Specification
Определение '<select>' в этой спецификации.
Рекомендация  

Совместимость с браузерами

ВозможностьChromeEdgeFirefoxInternet ExplorerOperaSafari
Базовая поддержка Да2 Да13 Да Да Да2
autofocus Да Да1 Да Да Да
disabled Да Да1 Да Да Да
form Да Да1 Да Да Да
multiple Да Да1 Да Да Да
name Да Да1 Да Да Да
required Да Да410 Да Да
size Да Да1 Да Да Да
ВозможностьAndroid webviewChrome for AndroidEdge mobileFirefox for AndroidIE mobileOpera AndroidiOS Safari
Базовая поддержка Да1 2 Да2 Да44 Да Да Да2
autofocus Да Да Да4 Да Да Да
disabled Да Да Да4 Да Да Да
form Да Да Да4 Да Да Да
multiple Да Да Да4 Да Да Да
name Да Да Да4 Да Да Да
required Да Да Да4 Нет Да Да
size Да Да Да4 Да Да Да

1. In the Browser app for Android 4.1 (and possibly later versions), there is a bug where the menu indicator triangle on the side of a <select> will not be displayed if a background, border, or border-radius style is applied to the <select>.

2. border-radius on <select> elements is ignored unless -webkit-appearance is overridden to an appropriate value.

3. Historically, Firefox has allowed keyboard and mouse events to bubble up from the <option> element to the parent <select> element, although this behavior is inconsistent across many browsers. For better Web compatibility (and for technical reasons), when Firefox is in multi-process mode the <select> element is displayed as a drop-down list. The behavior is unchanged if the <select> is presented inline and it has either the multiple attribute defined or a size attribute set to more than 1. Rather than watching <option> elements for events, you should watch for change events on <select>. See bug 1090602 for details.

4. Firefox for Android, by default, sets a background-image gradient on all <select multiple> elements. This can be disabled using background-image: none.

Смотрите также

Метки документа и участники

 Внесли вклад в эту страницу: Snailsloth, NSearcher
 Обновлялась последний раз: Snailsloth,