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

       

Теги <fieldset> и <legend>


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

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

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

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

Теги <fieldset> и <legend>

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

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

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



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