12. Надпись

Строго говоря, надпись — это не элемент управления. Она просто задает для элемента управления текстовую надпись, которая описывает его назначение. Если посетитель щелкнет мышью на надписи, элемент управления будет активизирован.

Надпись создают с помощью парного тега <LABEL>:

<LABEL [FOR="<имя элемента управления, к которому относится надпись>"]

[TABINDEX="<номер в порядке обхода>"] [ACCESSKEY="<быстрая клавиша>"]>

<текст надписи>[<элемент управления>]

</LABEL>

Есть два способа привязать надпись к элементу управления, который она должна описывать.

При первом способе (листинг 16.10) элементу управления, к которому привязывается надпись, дают имя с помощью атрибута тега ID (впрочем, любой элемент управления должен иметь имя). Это имя указывают в качестве значения обязательного в таком случае атрибута FOR тега <LABEL>, создающего надпись.

Листинг 16.10

<FORM ACTION="#">

<P><LABEL FOR="keyword">Найти:</LABEL>

<INPUT TYPE="search" ID="keyword" NAME="keyword" SIZE="40"></P>

</FORM>

При втором способе (листинг 16.11) элемент управления, к которому привязывается надпись, помещают в сам тег <LABEL>, создающий ее, сразу после текста надписи.

Листинг 16.11

<FORM ACTION="#">

<P><LABEL>Найти: <INPUT TYPE="search" ID="keyword" NAME="keyword"

SIZE="40"></LABEL></P>

</FORM>

Надписи в Web-формах встречаются довольно редко. Обычно Web-дизайнеры ограничиваются простым текстом, который ставят до или после элемента управления.

13. Группа

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

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

<FIELDSET>

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

</FIELDSET>

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

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

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

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

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

Листинг 16.12

<FORM ACTION="#">

<FIELDSET>

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

<P>

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

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

</P>

</FIELDSET>

</FORM>

14. Прочие элементы управления

HTML позволяет создать еще несколько элементов управления, которые необходимы только для взаимодействия с серверными приложениями. Если же Web-форма служит для ввода данных, предназначенных для обработки Web-сценарием, эти элементы управления не имеют смысла.

Прежде всего, это кнопка отправки данных, о которой мы уже говорили в начале главы. Она отличается от обычной кнопки только значением атрибута TYPE тега <INPUT> — "submit".

Далее, в Web-форме может присутствовать кнопка очистки. При нажатии на такую кнопку все элементы управления в Web-форме получают изначальные значения, заданные в HTML-коде. Значение атрибута TYPE тега <INPUT>, создающего подобную кнопку, должно быть "reset".

Поле ввода имени файла служит для указания имени файла, который будет отправлен серверному приложению (сам файл, а не его имя). Оно состоит из собственно поля ввода и расположенной правее его кнопки Обзор, при нажатии которой на экране появится стандартное диалоговое окно открытия файла Windows, в котором можно выбрать отправляемый файл.

Поле ввода имени файла отличается от обычного поля ввода значением атрибута TYPE тега <INPUT> — "file". В теге <INPUT> в этом случае поддерживаются атрибуты ACCESSKEY, AUTOFOCUS, DISABLED, SIZE и TABINDEX.

Графическая кнопка отправки данных — это графическое изображение, при щелчке на котором Web-форма запускает процесс отправки введенных данных серверному приложению. Фактически это кнопка отправки данных, в качестве которой выступает изображение.

Графическую кнопку отправки данных создают с помощью тега <INPUT>. Значение атрибута TYPE этого тега должно быть "image". Атрибут тега SRC задает интернет-адрес файла с графическим изображением, а атрибут тега ALT — текст замены. Также поддерживаются атрибуты ACCESSKEY, AUTOFOCUS, DISABLED и TABINDEX тега <INPUT>.

Скрытое поле — это фактически вообще не элемент управления, поскольку никак не отображается на Web-странице. Оно служит для хранения каких-либо служебных данных, необходимых для серверного приложения, показ которых посетителю нежелателен.

Скрытое поле создают с помощью тега <INPUT>. Значение атрибута TYPE этого тега должно быть "hidden". Атрибут VALUE тега <INPUT> задает хранимое в скрытом поле значение.