Подписи элементов управления
Некоторые элементы управления, например кнопки, содержат надписи, по которым пользователь может определить назначении этих элементов управления. А для других элементов типа текстовых полей, флажков и т.п. приходится создавать подписи вручную, смешивая определения элементов управления формы с текстом.
Существует ещё один способ задания подписей к элементам управления – использование HTML-элемента LABEL. Но задание подписей осуществить таким способом не легче, а тяжелее.
Группировка элементов управления
При создании форм есть возможность сделать более выразительной общее предназначение некоторых элементов управления, дополнительно заключив их в рамку так, как показано на рисунке. Рамку можно подписать, а можно оставить без подписи.
Создаётся рамка при помощи HTML-элемента FIELDSET. Между парными тегами <FIELDSET>и </FIELDSET> помещаются определения элементов управления, принадлежащих группе. Вокруг этих элементов управления и будет нарисована рамка.
Для создания подписи к рамке нужно внутри элемента FIELDSET определить элемент LEGEND. Задаётся этот HTML-элемент при помощи парных тегов <LEGEND> и </LEGEND>, между которыми помещается текст подписи. Можно задать выравнивание подписи при помощи атрибута align, однако следует знать, что разные браузеры по-разному реализуют значения этого атрибута, а некоторые значения и совсем не поддерживают.
ПРИМЕР 6. Группировка элементов управления
<HTML>
<HEAD>
<TITLE> Пример страницы с формой</TITLE>
<HEAD>
<BODY>
<FORM action ="somesite.com/cgi-bin/proc.exe">
<H1>Регистрация почтового ящика</H1>
<P>
<FIELDSET>
<LEGEND>Персональная информация</LEGEND>
Фамилия:<INPUT name= "personal_lastname" type= "text" tabindex="1"> <BR>
Имя:<INPUT name= "personal_firstname" type= "text" tabindex="2"> <BR>
</FIELDSET>
<FIELDSET>
<LEGEND>Информация о почтовом ящике</LEGEND>
Адрес:<INPUT name= "mail_address" tabindex="3'> <BR>
Пароль:<INPUT name= "mail_password" type= "password" tabindex="4"> <BR>
Подтверждение пароля<INPUT name= "mail_password" type= "password" tabindex="5">
</FIELDSET>
<FIELDSET>
<LEGEND>Дополнительные сведения</LEGEND>
Желаете получать рекламные ссылки?
<INPUT name= "add_goods" type= "radio" value ="Yes" tabindex="6"> Да
<INPUT name= "add_goods" type= "radio" checked value ="No" tabindex="7"> Нет
<BR>
Желаете получать прогноз погоды на каждый день?
<INPUT name= "add_weather" type= "radio" value ="Yes" tabindex="8"> Да
<INPUT name= "add_weather" type= "radio" checked value ="No" tabindex="9"> Нет
</FIELDSET>
<P>
<INPUT type= "submit" value ="Регистрация" tabindex="10">
<INPUT type= "reset" value ="Сброс" tabindex="11">
</FORM>
</BODY>
</HTML>
В окне браузера пример HTML-документа с формой
По адресу somesite.com/cgi-bin/proc.exe нет реального CGI-приложения, способного обрабатывать форму. Это просто пример практически законченной страницы с формой.