Краткие теоретические сведения. Формы предназначены для организации взаимодействия с пользователем

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

Все формы начинаются тэгом <form> и завершаются </form>. Формы нельзя вкладывать одну в другую!!!

Структура формы такова:

<form method = "get | post" action = "URL" enctype = "МIМE">
Элементы формы и все остальное....
</form>
method

Метод посылки сообщений из данной формы. Посылать данные можно двумя способами:

- GET: Информация из формы добавляется в конец URL. который был указан в описании за
головка формы.

Пример: http://www.webboard.ru/wb.php?board=I0767

Этот метод рекомендуется для обмена небольшими (до 256 байт) порциями данных, а также для передачи данных в другой HTML-документ, который может с помощью JavaScript их обработать на стороне клиента.

- POS T: Данный метод передает всю информацию о форме немедленно после обращения к
указанному URL. CGI-программа на сервере получает данные формы из стандартного потока
ввода. Данный метод рекомендуется к использованию на стороне сервера.

enctype

Указание типа передаваемой информации. В зависимости от MIME-типа информация будет преоб­разована соответствующим образом.

action

Описывает URL. который будет вызываться для обработки формы. Данный URL почти всегда ука­зывает на CGI-программу, обрабатывающую данную форму. Если данные надо принять по электронной почте, то необходимо ввести точный адрес почтового ящика.

Пример: action = "mailto:[e-mail] enctype=""text/plain"

Элементы формы

<INPUT > - ввод элемента формы Атрибуты тэга

type = text | radio | submit -тип поля
name = myName - имя поля (обязательный атрибут!!!)

Типы полей ввода:

<input type= “ TEXT” >: однострочное поле ввода.
Атрибуты тэга

size = 20 - размер отображаемого поля ввода на экране (20- по умолчанию)
maxlength = 4 - максимальная длина вводимого значения в символах

Пример:
введите имя: <input namе="имя" type="text" size="40"><br>
введите серийный код: <input namе="код" type="text" size="20" maxlength="10">

<input type= " RESET ">: кнопка сброса.
Данный тип обозначает кнопку, при нажатии которой все поля формы примут значения, описанные для них по умолчанию (или очистка формы).

<input type= " SUBMIT ">: кнопка для отправки формы.
По щелчку, будет вызываться почтовая программа OutLook и форма отправляется по адресу (URL), указанному в параметре ACTION. Атрибут VALUE может содержать надпись на кнопке.

<input type= " RADIO ">: одиночный выбор значения из нескольких (радиокнопка).
Для создания набора альтернатив вам необходимо создать несколько полей ввода с атрибутом TYPE = "RADIO" с разными значениями атрибута VALUE, но с одинаковыми значениями атрибута NAME. В CGI-программу будет передано значение типа NAME = VALUE, причем VALUE примет значение атрибута VALUE того поля ввода, которое будет выбрано. Выбор одного из полей автома тически отменяет выбор всех остальных полей того же имени (атрибут NAME).

Дата добавления: 2015-10-02