HTML тег
Элемент определяет пункты списка (параметры для выбора). Данный тег применяется как вложенный элемент тега (раскрывающийся список), либо тега (список предопределенных вариантов).
Пункты списка ( ) внутри раскрывающегося списка могут группироваться элементом .
Поддержка браузерами
| Тег | 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 Jackson value = "Snoop Dogg"selected>Calvin Cordozar Broadus, Jr.
Обращаю Ваше внимание на то, что необходимо использовать атрибут value (значение) тега , чтобы указать какое значение отправляется на сервер для дальнейшей обработки.
В браузере это выглядит следующим образом:
Обращаю Ваше внимание, что если в списке предопределённых вариантов ( ) используется атрибут value, то поиск осуществляется по нему, если атрибут отсутствует, то по содержимому элемента, при этом необходимо использовать закрывающий элемент.
Пример использования атрибута label HTML тега "#"> Составление маршрута Город отправления: "Анапа"> label = "Москва"> label = "Смоленск"> label = "Якутск"> Аэропорт назначения: type = "text" list = "airports"> type = "submit" value = "подтвердить">
В браузере это выглядит следующим образом:
Specification
# 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 = "подтвердить">
В браузере это выглядит следующим образом:
Html тег h1 что писать в opencart