Построение форм
Тег 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>