Группа 43

Построение форм

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

Синтаксис <form>...</form>

Параметры
action - адрес CGI-программы или документа, которые обрабатывает данные формы.
enctype - MIME-тип информации формы.
method - метод протокола HTTP.
name - имя формы.
target - имя окна или фрейма, куда обработчик будет загружать возвращаемый результат.

Параметр ACTION

Если параметр action отсутствует, текущая страница перезагружается, возвращая все элементы формы к их значениям по умолчанию.

Синтаксис <form action=URL>...</form>

<form action=http://www.htmlbook.ru/download/file.php>
Параметр ENCTYPE

Синтаксис <form enctype=MIME-тип>...</form>

<form action=/cgi-bin/handler.cgi enctype="multipart/form-data" method=POST>
Параметр METHOD

Описание: Метод сообщает серверу о цели запроса. Различают два основных метода: GET и POST. Существуют и другие методы, но они пока мало используются.

Синтаксис <form method=get | post>...</form>

GET
Этот метод является одним из самых распространенных и предназначен для получения требуемой информации и передачи данных в адресной строке. Пары «имя=значение» присоединяются в этом случае к адресу после вопросительного знака и разделяются между собой амперсандом (символ &). Удобство использования метода GET заключается в том, что адрес со всеми параметрами можно использовать неоднократно, сохранив его, например, в «Избранное» браузера, а также менять значения параметров прямо в адресной строке.

POST
Метод POST посылает на сервер данные в запросе браузера. Это позволяет отправлять большее количество данных, чем доступно методу GET, поскольку у него установлено ограничение в 4 Кб. Большие объемы данных используются в форумах, почтовых службах, заполнении базы данных и т.д

<form action=/cgi-bin/handler.cgi method=POST>
Параметр NAME

Описание: Определяет уникальное имя формы. Как правило, имя формы используется для доступа к ее элементам через скрипты.

Синтаксис <form name=имя>...</form>

<form action=/cgi-bin/handler.cgi name=form1>
Имя: <input type=text name=nick>
<input type=button onClick="validForm()" value="OK">
Параметр TARGET

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

Синтаксис <form target=имя окна>...</form>

Аргументы:
_blank - загружает страницу в новое окно браузера.
_self - загружает страницу в текущее окно.
_parent - загружает страницу во фрейм-родитель, если фреймов нет, то этот параметр работает как _self.
_top - отменяет все фреймы и загружает страницу в полном окне браузера, если фреймов нет, то этот параметр работает как _self.

<form action=/cgi-bin/handler.cgi taget=_blank>
Поле ввода текста (INPUT TYPE=text)

Представляет собой прямоугольное поле, предназначенное для ввода одной строки текста. Параметры:

• NAME - уникальное имя поля;
• size- ширина поля (в символах);
• MAXLENGHT - максимально допустимое количество вводимых символов;
• VALUE - строка (записывается в кавычках), изначально выводимая в данном текстовом поле.

Примечание. При нажатии во время ввода текста в поле ввода TEXT клавиши Enter браузер автоматически инициирует отправку на сервер информации, содержащейся в данной форме (даже если она еще не заполнена до конца), независимо от наличия в ее составе кнопки Submit.

Пример:

<FORM ACTION="mailto:user@domain.ru">

<INPUT TYPE=text NAME==MyFam SIZE=20 MAXLENGHT=40 VALUE="Введите фамилию">

</FORM>

Поле ввода пароля (INPUT TYPE=password)

Прямоугольное однострочное текстовое поле, отличающееся от уже рассмотренного только тем, что вводимый текст отображается в нем только как соответствующее количество "звездочек" (символов "*"). Параметры: те же, что и для текстового поля (TYPE=text).

Пример:

<FORM ACTION="mailto:user@doinain.ru">

<INPUT TYPE=password NAME=MyPass SISE=20 MAXLENGHT=40 VALUE="Пароль">

</FORM>