
- •Лабораторная работа №2 Структура html-страницы
- •Элементы, html-теги и атрибуты
- •Лабораторная работа №3
- •Стандартные тэги заголовков
- •Лабораторная работа №4
- •Структура таблицы в html
- •Лабораторная работа №5
- •Организация гиперссылок. Виды гиперссылок
- •Внутридокументные ссылки
- •Ссылки между документами
- •Лабораторная работа №6
- •Лабораторная работа №7
- •Использование html-форм на Web-странице
- •Способы отправки данных серверу
- •Язык серверных сценариев php
- •Отправка данных, введенных в форму на e-mail
- •Технология ssi (Server-Side Include). Создание новостной ленты
- •Лабораторная работа №8
- •Лабораторная работа №9
- •Теоретические сведения
- •Лабораторная работа №10
Лабораторная работа №7
<ФОРМЫ>
Использование html-форм на Web-странице
Одним из средств, позволяющих пользователю взаимодействовать с Web-сервером, являются HTML-формы. С помощью форм Web-дизайнеры существляют сбор отзывов посетителей о работе сайта, организуют прием заказов на приобретение продуктов и решают огромное количество самых разнообразных задач. HTML-формы обеспечивают интерфейс, посредством которого посетители сайта могут взаимодействовать с сервером, администратором сайта или другими посетителями.
В HTML-форме могут находиться следующие элементы управления:
Text Field (Текстовое поле) допускает любой тип текста - алфавитный или числовой. Введенный текст может быть показан как отдельной строкой, так и в несколько строк или в виде скрывающих звездочек (для защиты пароля);
Button (Кнопка) в зависимости от типа, может обеспечивать передачу данных серверу (Submit), очищать форму (Reset) или запускать Javascript-код на исполнение.
Check Box (Флажок) позволяет выбрать несколько вариантов ответов в одной группе настроек.
Radio Button (Переключатель) позволяет сделать только один выбор. Щелчок по такому объекту в группе запрещает выбор всех других вариантов.
List/Menu (Список/Меню) предоставляет пользователям выбор из набора значений. Это может быть раскрывающийся список, или список, который всегда показывает значения в прокручиваемом наборе вариантов и позволяет сделать множественный выбор.
File Field (Поле файла) позволяет пользователям выполнять поиск файлов на их жестких дисках и передавать их в качестве данных формы.
Image Field (Поле изображения) можно использовать вместо кнопки Submit (Отправить).
Hidden Field (Скрытое поле) позволяет сохранять информацию, которая не нужна посетителю, но будет использоваться приложением, которое обрабатывает эту форму.
Jump Menu (Меню перехода) позволяет вам вставлять меню, в котором каждый пункт используется для перехода к другой Web-странице.
Способы отправки данных серверу
У любых элементов управления, размещенных на форме есть свойство Name. Именно это свойство и играет ключевую роль при отправке данных, введенных в форму.
Рассмотрим процесс отправления данных более подробно.
Есть два способа (метода) отправки данных: Get и Post.
Метод Get. При использовании этого метода данные, введенные в форму отправляют в заголовке HTTP-запроса и подкрепляются к URL.
Например,
http://impuls-spb.ru/sendmail.php?name=dima&email=dm@mail.ru
Наверняка вы когда-нибудь видели что-то подобное, когда нажимали на кнопке при заполнении формы или даже, когда просто щелкали на ссылке.
sendmail.php - это имя файла программы, которая будет обрабатывать данные с формы. В данном случае программа это обыкновенная Web-страница, содержащая код на языке PHP.
Далее идут конструкции вида:
name=dima
email=dm_design@mail.ru
name и email - это имена тех элементов управления, которые размещены на форме (эти имена имеют текстовые поля, в которых посетитель вводит свое имя (dima) и e-mail (dm_design@mail.ru)).
Таким образом, сервер получает данные в очень удобном для обработки виде: переменные со значением.
Метод Post. Отличается от метода Get только тем, что данные с формы передаются не в заголовке, а в теле HTTP-запроса и в строке URL мы не видим ничего кроме адреса следующей страницы.
Например,
http://impuls-spb.ru/sendmail.php
Метод Post использовать более предпочтительно, т.к. он скрывает от "посторонних" глаз имена переменных и те данные, которые передаются серверу. Ведь на ручной подмене отправляемых данных основано большинство хакерских атак на сайты.