Путешественникам, меломанам, бизнесменам, вебмастерам, новости.

Главная сайта     Контакты     Поиск по сайту

Скачать справочники можно на isxodniki.ru

Тег <optgroup>

Internet Explorer Chrome Opera Safari Firefox
6.0 7.0 8.0 9.0 9.0 10.0 11.0 12.0 9.2 9.6 10.0 11.0 2.0 3.1 4.0 5.0 2.0 3.0 3.6 4.0

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

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание

Тег <optgroup> представляет собой контейнер, внутри которого располагаются теги <option> объединенные в одну группу. Особенностью тега <optgroup> является то, что он не выделяется как обычный элемент списка, акцентируется с помощью жирного начертания, а все элементы, входящие в этот контейнер, смещаются вправо от своего исходного положения.

Синтаксис

<select>
 <optgroup label="...">
  <option>...</option>
 </optgroup> 
</select>

Атрибуты

disabled
Блокирует доступ к группе списка.
label
Текст, который будет входить в список в виде заголовка группы.

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

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

Обязателен.





Пример. Использование тега <optgroup>

HTML 4.01IE 7IE 8IE 9Cr 12Op 11Sa 5Fx 5

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег OPTGROUP</title>
 </head>
 <body>

  <form action="handler.php">
   <p><select>
   <optgroup label="Цвет">
    <option value="c1">Апельсиновый</option>
    <option value="c2">Лимонный</option>
    <option value="c3">Персиковый</option>
   </optgroup>
   <optgroup label="Тон">
    <option value="s1">Светлый</option>
    <option value="s2">Нормальный</option>
    <option value="s3">Темный</option>
   </optgroup>
   </select></p>
   <p><input type="submit" value="Отправить"></p>
  </form>

 </body>
</html>




Спонсоры сайта:

Поделиться ссылкой на эту страницу в Vkontakte, FaceBook, Одноклассниках и других социальных сетях:


Есть ли эта страница в памяти поисковиков?

Yandex ТИЦ:      Google PR:  

Скачать справочники можно на isxodniki.ru