Тема: получение данных из форм клиента
1 Вопрос. Формы
ФОРМЫ – это осн средство передачи данных от пользователя к серверу. Для этого не обязательно использование сценариев. Сценарий применяется для обработки полученных данных.
Создается контейнерный тег(метка, оператор):
<FORM[Список атрибутов формы]>
Элементы пользовательского интерфейса
</FORM>
Элементы пользовательского интерфейса организуют сеанс передачи данных серверу:
<input>
<select>
<Textarea>
В список атрибутов входит тег action=”Адрес сервера” он указывает адрес сервера. Он явл обязательным, т.к если его не задать, то не понятно куда отправлять данные, на какой сервер.
<FORM ACTION=”/cgi-bin/”>
В сеансе будет задействована первая свободная программа указанной папки.
<FORM ACTION=”WWW.SER.RU/My.PHP”>
Обращение к почтовому серверу <FORM ACTION=mailto:cat@ser.ru>
В списке атрибутов очередной атрибут – метод: Methad указывает на метод передачи данных
Methad=GET
Methad=POST
В списке атрибутов разделителем явл символ амперсант
enctype (энкрипшин тайп) Создает метод кодирование данных
enctype=application/x-www-form-urlencode b
enctype=multipart/form-date
enctype=”text/plain”
name=”имя формы”
target=имя окна или рамки в которых строится форма
target=_parent (родительское окно)
_blank (чистое окно)
_self (в самом себе)
Пример построения формы HTML документа:
<!DOCTYPE html>
<html>
<heard>
<Title> ФОРМА
</title>
</heard>
<body
29/02/2012
<!DOCTYPE html>
<!- - Пример формы- - >
<HEAD>
<TITLE>ФОРМА
</TITLE>
Пример формы html документа
<HR>
</HEAD>
<BODY BGCOLOR=#E0E0E0>
<H2>Отправьте сообщение
</H2>
<FORM ACTION=http:///www.MyServer.ru/MyPade.PHP
METHOD=”POST”
ENCTYPE=”TEXT/PLAIN”>
Ваш E-mail:
<INPUT TYPE=”TEXT” NAME=”От кого” VALUE=”_” SEZE=40>
<P>СООБЩЕНИЕ:<BR>
<TEXTAREA name=”text” cols=40 rows=10>
ПРИВЕТ ОТ ВАШЕГО ЧИТАТЕЛЯ
</TEXTAREA>
<P>
<INPUT TYPE=”RESET”> //Кн.сброс
<INPUT TYPE=”SUBMIT” name=”отправить” VALUE=”отправить”>
</FORM>
</BODY>
</HTML>
Cols -колонка
Rows -строка
Данные элемента формы можно отправить сценарию сервера или отправить по электронной почте.
Пример Описание формы для отправки данных по электронной почте (кусочек формы):
<FORM ACTION=”mailto:xxx@yyy.ru”?
SUBJECT=”ВОПРОС” METHOD=”POST”
ENCRIPT=”TEXT/PLAIN”>
Если форма отправляет данные на сервер, то она должна иметь кнопку передачи SUBMIT в теге форма. Обязательно указывать адрес получателя - атрибут ACTION.
2 Вопрос. Элементы пользовательсткого интерфейса
INPUT – создает поля ввода данных, кнопки и переключатели.
Атрибут TYPE может принимать разные значения:
Если значения TEXT то создается текстовое поле ввода
MAXLENGTH – максимальная длина, может быть не ограничена
Size – ширина поля
VALU – текст по умолчанию
Если CHECKBOX – объявляет тригерную кнопку, она м.б включенной CHECHED
Если RADIO - Селективная кнопка
File - Создает текстовое поле ввода с кнопкой ОБЗОР, открывающий доступ к файловой системы машины
Атрибут PASSWORD Вводимый текс будет скрываться звездочками. Доп атрибуты: MAXLENGTH, SIZE, VALUE
Атрибут BUTTON - Может иметь значение VALUE – это значение помещается как надпись на кнопку.
Атрибут SUBMIT - создает кнопку на форме которая отправляет данные на сервер. Доп атрибуты: VALUE – объявляет текст помещаемый на кнопку. По умолчанию на кнопку выводится фраза ПЕРЕДАЧА ЗАПРОСА.
Атрибут IMAGE (изображение) – интерфейсный элемент изображение превращает в кнопку SUBMIT.
RESET – формирует кнопку сброс восстанавливающая данные формы принятые по умолчанию
HIDDEN – невидимый элемент. Атрибут VALUE без изменения пользователя передается серверу
Атрибут NAME –определяет имя элемента.
DISABLED - Недоступность элемента пользователя
Accesskey – определяет клавишу быстрого доступа к элементам интерфейса работающую совместно с модификатором Alt
<INPUT TYPE=”TEXT” MAXLENGTH=”значение” SIZE=”значение” VALUE=”Содержание”>
CHECKBOX= VALUE=”значение” CHECHED
RADIO= VALUE=”значение” CHECHED
File MAXLENGTH=”значение” SIZE=”значение” VALUE=”Содержание”
<INPUT PASSWORD
BUTTON
SUBMIT
IMAGE SRC=”СпецификацияGIF”
RESET
HIDDEN
NAME
DISABLED
Accesskey
<INPUT TIPE=” BUTTON” VALUE=”OK” ACCESSKEY=”Y”>;
TABINDEX=1…N
Каждый интерфейсный элемент пользовательского интерфейса м.б протрассирован на форме с помощью параметра TABINDEX- организует переход к интерфейсному элементу формы при нажатии TAB
Примеры элементов управления:
Элемент |
Пример |
|
Поле ввода
|
<INPUT TYPE=”TEXT” VALUE=”Привет!”> |
|
Тригерная кнопка |
<INPUT TYPE=”CHECKBOX” VALUE= ”Я согласен” CHECKED> |
|
Селективная кнопка |
<INPUT TYPE=”RADIO” VALUE=”Да” CHECKED> |
|
Выбор файла |
<INPUT TYPE=”FILE”> |
Поле с файловой строкой |
Ввод поля |
<INPUT TYPE=”PASSWORD”> |
|
Кнопка |
<INPUT TYPE=”BUTTON” VALUE=”Щелкни здесь”> |
|
Кнопка передачи данных |
<INPUT TYPE=”SUBMIT”> |
|
<INPUT T TYPE=” SUBMIT” VALUE=”Купить”> |
|
|
Графическая кнопка |
<INPUT TYPE=”IMAGE” SRG= ”MyF1.GIF”> |
Любое изображение |
Кнопки отмены |
<INPUT TYPE=”RESET”> |
|
<INPUT TYPE=”RESET” VALUE=”Отмена”> |
|
