Самоучитель HTML Справочник HTML Глобальные атрибуты События Типы элементов Таблица цветов Спецсимволы HTML
Теги HTML

HTML тег <option>

Поддержка браузерами

Описание

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

Элемент <option> должен располагаться внутри элемента <select>, <datalist> или <optgroup>.

Атрибуты

disabled:
Указывает, что данный элемент списка должен быть выключен (выключенный элемент является неактивным). Значения для логического атрибута disabled можно задавать следующими способами:
<option disabled>
<option disabled="">
<option disabled="disabled">
Пример »
label:
Определяет более краткую версию варианта, укороченная весия будет отображатся в раскрывающемся списке. Пример »

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

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

Тег <option> так же поддерживает Глобальные атрибуты и События

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

Нет.

Пример

<select>
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select> 

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

Пример использования тега <option>
    
Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011-2016 © puzzleweb.ru

Реклама на сайте | Обратная связь