Select label: : The HTML Select element — HTML: HyperText Markup Language

Leave a Comment / Разное / By /

— HTML | MDN

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

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

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

autofocus HTML5

Этот атрибут указывает что при загрузке страницы данный элемент формы должен иметь фокус ввода, пока пользователь не переопределит это, к примеру печатая в разных элементах управления. Только один элемент формы может иметь атрибут autofocus, элемент является логическим (булевым).

disabled

Этот логический атрибут указывает что пользователь не может взаимодействовать с элементом управления. Если атрибут не указан, элемент управления наследует настройки от содержащего его элемента, к примеру fieldset; если у родительского элемента не указан атрибут disabled, то элемент управления доступен для взаимодействия.

form HTML5

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

multiple

Этот логический атрибут указывает что возможен выбор нескольких опций в списке. Если данный атрибут не указан, то только одна опция может быть выбрана.

name

Этот атрибут используется для указания имени элемента управления.

required HTML5

Этот логический атрибут указывает что обязательно должна быть выбрана опция и которая содержит не пустую строку.

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>

Результат

Примечания

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

Specification
HTML Standard
# the-select-element

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

  • Другие элементы форм: <form>, <legend>, <label>, <button>, <option>, <datalist>, <optgroup>, <fieldset>, <textarea> (en-US), <keygen> (en-US), <input>, <output>, <progress> and <meter>.
  • События запускаемые <select>: change. (en-US)

Found a content problem with this page?

  • Edit the page on GitHub.
  • Report the content issue.
  • View the source on GitHub.

Want to get more involved?

Learn how to contribute.

This page was last modified on by MDN contributors.

— HTML | MDN

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

Категория содержимого
Нет.
Допустимое содержимое Текст, допускаются экранированные символы (например &eacute;).
Пропуск тегов Открывающий тег обязателен. Закрывающий тег опционален если за этим элементом следует другой элемент <option>, или элемент <optgroup>, или если родительский элемент не имеет больше содержимого.
Допустимые родители Элемент <select>, элемент <optgroup> или элемент <datalist>.
Допустимые ARIA-роли Нет
DOM-интерфейс HTMLOptionElement (en-US)

Как и все HTML-элементы, этот элемент поддерживает глобальные атрибуты

(en-US).

disabled — отключён(о)

Если этот Boolean атрибут установлен, эта опция недоступна для выделения. Часто браузеры выделяют такой элемент управления серым цветом и ему недоступны любые события браузера, такие как клики мыши или события, связанные с фокусировкой. Если этот атрибут не установлен, этот элемент все ещё можно отключить (может не работать), если отключён внешний(one of its ancestors) элемент <optgroup>.

label — метка, ярлык

Этот атрибут — текст ярлыка, отображающий значение(смысл, описание) опции. Если label не указан (отсутствует), то его значение совпадает с текстовым содержанием элемента <option>.

selected — выбран(о)

(Если присутствует,) этот Boolean атрибут отображает то, что опция изначально выделена. Если элемент

<option> принадлежит элементу <select>, чей атрибут multiple не установлен, только одна-единственная <option> элемента <select> может иметь атрибут selected .

value — значение, величина

Содержимое(содержание) этого атрибута отображает(представляет) значение, отправляемое формой, если выбрана(выделена) данная опция. Если (этот) атрибут value отсутствует, значение берётся из текстового содержания элемента <option>.

См. <select> for examples.

Specification
HTML Standard
# the-option-element

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

  • Other form-related elements: <form>, <legend>, <label>, <button>, <select>, <datalist>, <optgroup>, <fieldset>, <textarea> (en-US), <keygen> (en-US), <input>, <output>, <progress> and <meter>.

Found a content problem with this page?

  • Edit the page on GitHub.
  • Report the content issue.
  • View the source on GitHub.

Want to get more involved?

Learn how to contribute.

This page was last modified on by MDN contributors.

: элемент HTML Option — HTML: язык гипертекстовой разметки

HTML-элемент используется для определения элемента, содержащегося в , чей атрибут Multiple не установлен, только один единственный элемент этого элемента .

Категории контента Нет.
Разрешенный контент Текст, возможно, с экранированными символами (например, é ).
Отсутствие тега Начальный тег обязателен. Конечный тег является необязательным, если этот элемент сразу за ним следует еще один элемент или , или если родительский элемент не имеет больше контента.
Разрешенные родители <выбрать> , или <список данных> 9элемент 0005.
Неявная роль ARIA опция
Разрешенные роли ARIA Нет роль разрешено
Интерфейс DOM HTMLOptionElement
Спецификация
Стандарт HTML
# the-option-element

Таблицы BCD загружаются только в браузере с включенным JavaScript. Включите JavaScript для просмотра данных.

  • Другие элементы, связанные с формой:
    , , ,