Книга: HTML 5, CSS 3 и Web 2.0. Разработка современных Web-сайтов

Группа

Группа

Группу также нельзя отнести к "настоящим" элементам управления. Она объединяет несколько элементов управления, имеющих сходное назначение. Визуально группа представляет собой рамку, окружающую элементы управления и, возможно, имеющую заголовок, расположенный прямо на ее верхней или нижней границе.

Группу создают с помощью парного тега <FIELDSET>:

<FIELDSET>

<элементы управления, объединяемые в группу>

</FIELDSET>

Видно, что теги, создающие элементы управления, которые должны быть объединены в группу, помещают прямо в тег <FIELDSET>.

Кроме того, в теге <FIELDSET> может присутствовать парный тег <LEGEND>, создающий заголовок группы:

<LEGEND [ACCESSKEY="<быстрая клавиша>"]><текст заголовка></LEGEND>

Текст заголовка помещают прямо внутри этого тега.

Тег <LEGEND> должен помещаться либо сразу же после открывающего тега <FIELDSET>, либо перед закрывающим тегом </FIELDSET>. В первом случае заголовок будет присутствовать на верхней границе группы, во втором случае — на нижней границе. В листинге 20.12 приведен пример группы.

Листинг 20.12

<FORM ACTION="#">

<FIELDSET>

<LEGEND>Найти:</LEGEND>

<P>

<INPUT TYPE="search" NAME="keyword" SIZE="40">

<INPUT TYPE="button" NAME="find" VALUE="Искать!">

</P>

</FIELDSET>

</FORM>

Оглавление книги


Генерация: 0.226. Запросов К БД/Cache: 2 / 0
поделиться
Вверх Вниз