Элемент определяет пункты списка (параметры для выбора). Данный тег применяется как вложенный элемент тега (раскрывающийся список), либо тега (список предопределенных вариантов).
Пункты списка ( ) внутри раскрывающегося списка могут группироваться элементом .
Поддержка браузерами
Тег
Chrome
Firefox
Opera
Safari
IExplorer
Edge
Да
Да
Да
Да
Да
Да
Атрибуты
Атрибут
Значение
Описание
disabled
disabled
Логический атрибут, который указывает, что параметр должен быть отключен.
label
text
Является текстом надписи, указывающей значение параметра. Если атрибут не указан, то его значением выступает содержимое элемента
selected
selected
Логический атрибут, который указывает, что параметр должен быть предварительно выбран при загрузке страницы. Атрибут может быть применен только к одному элементу
value
text
Указывает значение, которое будет отправлено на сервер при отправке формы. Если указывается в составе списка предопределённых вариантов ( ), то поиск осуществляется по значению атрибута, если атрибут отсутствует, то по содержимому элемента, при этом необходимо использовать закрывающий элемент
Пример использования
Элемент может быть использован без каких-либо атрибутов, но обычно содержит атрибут со значением, которое отправляется и обрабатывается на стороне сервера.
В данном примере рассмотрено применение атрибута selected HTML тега , который определяет какой параметр будет предварительно выбран внутри списка:
Пример использования HTML тега в раскрывающемся списке name ="blacklist"> value ="2PAC">Tupac Amaru Shakur value ="50cent">Curtis Jacksonvalue ="Snoop Dogg"selected>Calvin Cordozar Broadus, Jr.
Обращаю Ваше внимание на то, что необходимо использовать атрибут value (значение) тега , чтобы указать какое значение отправляется на сервер для дальнейшей обработки.
В браузере это выглядит следующим образом:
в раскрывающемся списке.» />
Давайте рассмотрим пример в котором используются раскрывающийся список ( ) и список предопределенных вариантов для ввода ( ). Список предопределенных вариантов мы подключим атрибутом list внутри однострочного текстового поля (тег ).
Элементом списков выступает тег.
Обращаю Ваше внимание, что если в списке предопределённых вариантов ( ) используется атрибут value, то поиск осуществляется по нему, если атрибут отсутствует, то по содержимому элемента, при этом необходимо использовать закрывающий элемент.
Пример использования атрибута label HTML тега "#"> Составление маршрута Город отправления: "Анапа"> label ="Москва"> label = "Смоленск"> label = "Якутск"> Аэропорт назначения: type ="text"list ="airports"> type = "submit"value ="подтвердить">
В браузере это выглядит следующим образом:
(текст надписи, которая указывает значение параметра).» />
Option html что это
Как и все HTML-элементы, этот элемент поддерживает глобальные атрибуты (en-US) .
Если этот Boolean атрибут установлен, эта опция недоступна для выделения. Часто браузеры выделяют такой элемент управления серым цветом и ему недоступны любые события браузера, такие как клики мыши или события, связанные с фокусировкой. Если этот атрибут не установлен, этот элемент все ещё можно отключить (может не работать), если отключён внешний(one of its ancestors) элемент .
Этот атрибут — текст ярлыка, отображающий значение(смысл, описание) опции. Если label не указан (отсутствует), то его значение совпадает с текстовым содержанием элемента .
(Если присутствует,) этот Boolean атрибут отображает то, что опция изначально выделена. Если элемент принадлежит элементу , чей атрибут multiple не установлен, только одна-единственная элемента может иметь атрибут selected .
Содержимое(содержание) этого атрибута отображает(представляет) значение, отправляемое формой, если выбрана(выделена) данная опция. Если (этот) атрибут value отсутствует, значение берётся из текстового содержания элемента .
Примеры
Спецификации
Specification
HTML Standard # the-option-element
Browser compatibility
BCD tables only load in the browser
Option html что это
Тег определяет отдельные пункты списка, создаваемого с помощью контейнера . Ширина списка определяется самым широким текстом, указанным в теге , а также может изменяться с помощью стилей. Если планируется отправлять данные списка на сервер, то требуется поместить элемент внутрь формы. Это также необходимо, когда к данным списка идет обращение через скрипты.
Синтаксис
Атрибуты
disabled Заблокировать для доступа элемент списка. label Указание метки пункта списка. selected Заранее устанавливает определенный пункт списка выделенным. value Значение пункта списка, которое будет отправлено на сервер или прочитано с помощью скриптов.
Также для этого тега доступны универсальные атрибуты и события.
Закрывающий тег
HTML5 IE Cr Op Sa Fx
Тег OPTION
Атрибут value HTML тега
Если значение атрибута не указано, то в качестве значения будет выступать содержимое элемента .
Поддержка браузерами
Атрибут
Chrome
Firefox
Opera
Safari
IExplorer
Edge
value
Да
Да
Да
Да
Да
Да
value>
Отличия HTML 4.01 от HTML 5
Пример использования
Пример использования атрибута value HTML тега "#"> "A">Option A value = "B">Option B value = "C">Option C type = "submit"value ="отправить">
В браузере это выглядит следующим образом:
(значение, которое будет отправлено на сервер, когда форма отправляется).» />
Давайте рассмотрим пример в котором используются раскрывающийся список ( ) и список предопределенных вариантов для ввода ( ).
Элементом списков выступает тег . Если в списках используется атрибут label, то текст надписи, которая указывает значение параметра берется из него. Если значение атрибута label не указано, то этим значением выступает содержимое элемента , при этом необходимо использовать закрывающий элемент.
Обращаю Ваше внимание, что если в списке предопределённых вариантов ( ) используется атрибут value , то поиск осуществляется по нему, если атрибут отсутствует, то по содержимому элемента, при этом необходимо использовать закрывающий элемент.
Пример использования атрибута label HTML тега "#"> "Москва"> label = "Смоленск"> label = "Якутск"> Аэропорт назначения: type ="text"list ="airports"> type = "submit"value ="подтвердить">
