Option html что это
Перейти к содержимому

Option html что это

  • автор:

HTML тег

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

Элемент должен располагаться внутри элемента , или .

Атрибуты

disabled: Указывает, что данный элемент списка должен быть выключен (выключенный элемент является неактивным). Значения для логического атрибута disabled можно задавать следующими способами:

Пример » label: Определяет более краткую версию варианта, укороченная весия будет отображатся в раскрывающемся списке. Пример »

Примечание: атрибут label не поддерживается браузером Firefox.

selected: Устанавливает вариант ответа, который должен быть выбран по умолчанию во время загрузки страницы. Если атрибут не установлен, то при загрузке страницы будет отображен первый вариант ответа из списка. Если пользователь не выберет никай другой вариант, то на сервер будет отправлен именно он в качестве значения данного элемента формы. Возможные значения логического атрибута selected:

Пример » value: Устанавливает значение для элемента списка, которое будет отправлено на сервер вместе с именем выбранного элемента. Если атрибут value отсутствует, то на сервер будет отправлен текст, расположенный непосредственно внутри элемента .

Стиль по умолчанию

Пример

Результат данного примера в окне браузера:

Пример использования тега<option></p> <p>» width=»373″ height=»214″ /></p><div class='code-block code-block-4' style='margin: 8px 0; clear: both;'> <!-- 4seostattya --> <script src=

Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011 – 2024 © puzzleweb.ru | razumnikum.ru

HTML тег

Тег) обязателен.

Тег используется, как правило, с атрибутом value , чтобы указать какое значение отправляется на сервер для дальнейшей обработки.

Пример

html> html> head> title>Заголовок окна веб-страницы title> head> body> form> select> option value="computers">Настольный компьютер option> option value="notebook">Планшетный компьютер option> option value="tablet">Портативный компьютер option> select> form> body> html>

Результат

optionexample1

Пример

html> html> head> title>Заголовок окна веб-страницы title> head> body> p>Аэропорт вылета: p> form action="action_form.php" method="get"> input type = "text" list = "airports" name="airports"> datalist id = "airports"> option value = "Санкт-Петербург"> option value = "Краснодар"> option value = "Москва"> option value = "Новосибирск"> datalist> input type = "submit" value = "подтвердить"> form> body> html>

В этом примере тег вложен в тег .

Результат

optionexample2

Атрибуты

Атрибут Значение Описание
disabled disabled Указывает, что элемент недоступен для выбора.
label text Задает название пункта списка.
selected selected Устанавливает, что вариант должен быть выбран по умолчанию во время загрузки страницы.
value text Определяет значение, которое отправляется на сервер.

Option html что это

Тег (от англ. option — пункт, параметр, опция) определяет отдельные пункты списка, создаваемого с помощью контейнера .

Ширина списка определяется самым широким текстом, указанным в , а также может изменяться с помощью стилей. Если планируется отправлять данные списка на сервер, то требуется поместить элемент внутрь формы. Это также необходимо, когда к данным списка идёт обращение через скрипты.

Демо¶

Синтаксис¶

1 2 3 4
select> option>Пункт 1option> option>Пункт 2option> select>

Закрывающий тег не обязателен.

Атрибуты¶

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

Указание метки пункта списка.

Заранее устанавливает определённый пункт списка выделенным.

Значение пункта списка, которое будет отправлено на сервер или прочитано с помощью скриптов.

Также для этого элемента доступны универсальные атрибуты.

disabled¶

Блокирует элемент списка для его выбора.

Синтаксис

option disabled>. option>

Значения

Значение по умолчанию

По умолчанию этот атрибут выключен.

label¶

Атрибут предназначен для указания метки пункта списка, сокращённой по сравнению с текстом внутри . Если атрибут label присутствует, то текст внутри игнорируется и в списке выводится значение label .

Синтаксис

option label="">. option>

Значения

Любая текстовая строка.

Значение по умолчанию

selected¶

Синтаксис

option selected>. option>

Значения

Значение по умолчанию

По умолчанию этот атрибут выключен.

value¶

Синтаксис

option value="">. option>

Значения

Любая текстовая строка.

Значение по умолчанию

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

  • WHATWG HTML Living Standard
  • HTML 5
  • HTML 4.01 Specification

Описание и примеры¶

 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25
 html> head> meta charset="utf-8" /> title>OPTIONtitle> head> body> form action="option2.php"> p> select size="3" name="hero"> option disabled> Выберите рыцаря option> option value="t1" selected> Гавейн option> option value="t2">Ланселотoption> option value="t3">Галахэдoption> option value="t4">Персивальoption> select> p> p>input type="submit" value="Отправить" />p> form> body> html>

Option html что это

Тег определяет отдельные пункты списка, создаваемого с помощью контейнера . Ширина списка определяется самым широким текстом, указанным в теге , а также может изменяться с помощью стилей. Если планируется отправлять данные списка на сервер, то требуется поместить элемент внутрь формы. Это также необходимо, когда к данным списка идет обращение через скрипты.

Синтаксис

Атрибуты

disabled Заблокировать для доступа элемент списка. label Указание метки пункта списка. selected Заранее устанавливает определенный пункт списка выделенным. value Значение пункта списка, которое будет отправлено на сервер или прочитано с помощью скриптов.

Также для этого тега доступны универсальные атрибуты и события.

Закрывающий тег

HTML5 IE Cr Op Sa Fx

    Тег OPTION
Похожие публикации:
  1. Как настроить спящий режим на windows 10
  2. Как редактировать class файлы minecraft
  3. Как рисовать на экране в зуме
  4. Куда сохраняется запись с обс

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *