Глава 11. Формы

219

Разработка форм

Формы могут быть как очень простыми, содержащими одно-два поля для ввода, так и весьма сложными, представляющими собой что-то вроде анкеты. По мере усложнения форм приходится больше внимания уделять их компоновке. Стремитесь к тому, чтобы ваша форма была понятна и не отпугивала пользователей обилием полей, которые обязательно нужно заполнить.

Использование тэгов перевода строки

Когда вы пишете текстовую часть HTML-документа, то, как правило, не задумываетесь о переносе слов на другую строку — это происходит автоматически. Понятно, что при создании форм этот вариант не подходит. Поэтому самое время вспомнить о тэге перевода строки <BR>.

Принудительное расположение полей по строкам.Если вы хотите иметь два поля, например, Name и E-Mail Address, напишите следующий код:

<HTML>

<HEAD>

<TITLE>Form Layout and Design</TITLE>

</HEAD>

<BODY>

<Hl>Line Break Tags</Hl>

<FORM>

Name:<INPUT NAME="name"SIZE="30">

E-Mail Address:,<INPUT NAME="email"SIZE="40"></FORM></BODY></HTML>

Возможно, здесь это неплохо смотрится, однако в окне программы просмотра вид может быть совсем другим (рис. 11.14). Для того чтобы избежать этой неприятности и сделать форму'более удобочитаемой, нужно предусмотреть принудительное расположение двух полей в отдельных строках (листинг 11.13).

<HTML>

<HEAD>

<TITLE>Form Layout and Design</TITLE>

</HEAD>