Листинг 16.1

<FORM ACTION="#">

<P>Имя: <INPUT TYPE="text" ID="name1" NAME="name1" SIZE="20"

AUTOFOCUS></P>

<P>Фамилия: <INPUT TYPE="text" ID="name2" NAME="name2" SIZE="30"></P>

</FORM>

В листинге 16.1 создается Web-форма с двумя полями ввода: name1 длиной 20 символов, автоматически активизирующееся при открытии Web-страницы, и name2 длиной 30 символов. Оба поля ввода имеют надписи, представляющие собой обычный текст и расположенные перед ними.

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

Поле ввода пароля

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

Поле ввода пароля также создается с помощью одинарного тега <INPUT>:

<INPUT TYPE="password" [VALUE="<изначальное значение>"] [SIZE="<размер>"] [MAXLENGTH="<максимальное количество символов>"] [TABINDEX="<номер в порядке обхода>"] [ACCESSKEY="<быстрая клавиша>"] [DISABLED] [READONLY] [AUTOFOCUS]>

Значение "password" атрибута тега TYPE указывает Web-обозревателю создать поле ввода пароля. Остальные атрибуты нам уже знакомы по обычному полю ввода.

Листинг 16.2

<FORM ACTION="#">

<P>Имя: <INPUT TYPE="text" ID="login" NAME="login" SIZE="20"

AUTOFOCUS></P>

<P>Пароль: <INPUT TYPE="password" ID="password" NAME="password"

SIZE="20"></P>

</FORM>

В листинге 16.2 создается Web-форма с обычным полем ввода и полем ввода па-роля. Первое — login, длиной 20 символов, будет автоматически активизироваться при открытии Web-страницы. Второе — password, длиной также 20 символов.