Глава 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>