Формы по шагам

         

Группирование элементов списка


При достаточно обширном списке имеет смысл сгруппировать его элементы по блокам, чтобы обеспечить наглядность списка и удобство работы с ним. Для этой цели применяется тег <OPTGROUP>. Он представляет собой контейнер, внутри которого располагаются теги <OPTION> объединенные в одну группу. Особенностью тега <OPTGROUP> является то, что он не выделяется как обычный элемент списка, акцентируется с помощью жирного начертания, а все элементы, входящие в этот контейнер, смещаются вправо от своего исходного положения. Для добавления заголовка группы используется параметр label, как показано в примере 10.3.

Пример 10.3. Группирование элементов списка <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<body>

<form action="handler.php">

<select>

<optgroup label="Русская кухня">

  <option value="r1">Закуска Барская</option>

  <option value="r2">Раки, фаршированные по-царски</option>

  <option value="r3">Биточки в горшочке</option>

</optgroup>

<optgroup label="Украинская кухня">

  <option value="u1">Галушки славянские</option>

  <option value="u2">Пампушки украинские</option>

  <option value="u3">Жаркое по-харьковски</option>

</optgroup>

</select>

<p><input type="submit" value="Отправить"></p>

</form>

</body>

</html>

Результат данного примера показан ниже.

Закуска Барская

Раки, фаршированные по-царски

Биточки в горшочке

Галушки славянские Пампушки украинские Жаркое по-харьковски

Информация взята с сайта

Copyright © 2005 Влад Мержевич, по всем вопросам пишите по адресу



Содержание раздела