Основы работы с XHTML и CSS

       

Теги <fieldset> и <legend>


Рамка группы создается вокруг элементов управления формы с помощью тега <fieldset>. Рамка помечается текстом, который задается во вложенном теге <legend>. fieldset является линейным элементом XHTML, поэтому он должен находиться внутри блочного тега. Общая форма двух этих тегов показана ниже.

<fieldset> <legend>text</legend> ...элементы управления формы </fieldset>

Листинг 11.33. Общая форма тегов <fieldset> и <legend> (html, txt)

Пример группы нескольких fieldset показан на рисунке 11.28.


Рис. 11.28.  Пример группы нескольких fieldset

Код этих fieldset показан ниже. Так как fieldset расширяется, чтобы заполнить ширину своего контейнера, обычно нужно задавать для них фиксированную ширину, чтобы управлять их размещением и видом. Отметим, что все fieldset в примере имеют ширину 180 пикселей, чтобы удержать их от расширения на всю ширину заключающего их раздела, что позволяет вывести их рядом друг с другом; они также выровнены по вертикали по верху контейнерного раздела. Таблицу стилей можно применять к обоим тегам <fieldset> и <legend>, чтобы изменить их оформление.

Листинг 11.34. Код для объединения элементов управления в группы с заголовками (html, txt)



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