
- •Лабораторная работа №5
- •5.4. Теоретические сведения
- •5.4.1. Общие сведения о формах
- •Элементы форм, ориентированные на ввод с клавиатуры
- •5.4.2.1. Текстовое поле
- •Текстовая область
- •5.4.3. Элементы форм, ориентированные на ввод с мыши
- •5.4.3.1. Флажок
- •5.4.3.2. Переключатель
- •5.4.3.3. Раскрывающийся список
- •5.4.4. Скрытые поля
- •5.4.5. Кнопки
- •5.4.5.1. Кнопка отправки данных
- •5.4.5.2. Кнопка сброса
- •5.4.6. Пример построения формы для сбора данных
- •5.5. Пример разработки программы на php с использованием форм
- •5.6. Указания по организации самостоятельной работы студентов
- •5.7. Контрольные вопросы
Лабораторная работа №5
5.1. Тема работы. Работа с формами в PHP
5.2. Цель работы. Изучение особенностей работы с формами в PHP.
5.3. Состав оборудования. Компьютеры, работающие под управлением операционной системы Microsoft Windows XP. Установленное приложение Zend Studio, web-сервер Apache, база данных MySQL или приложение «Денвер».
5.4. Теоретические сведения
Общие сведения о формах
Элементы форм, ориентированные на ввод с клавиатуры
2.1. Текстовое поле
Текстовая область
3. Элементы форм, ориентированные на ввод с мыши
3.1. Флажок
3.2. Переключатель
3.3. Раскрывающийся список
4. Скрытые поля
5. Кнопки
5.1. Кнопка отправки данных
5.2. Кнопка сброса
6. Пример построения формы для сбора данных
5.4.1. Общие сведения о формах
Получение и обработка данных, введенных пользователем, стали неотъемлемой частью большинства успешных web-сайтов. Бесспорно, возможности накопления статистики, проведения опросов, хранения персональных настроек и поиска выводят Web на принципиально новый уровень — без них эта среда обладала бы минимальной интерактивностью.
Ввод информации в основном реализуется с применением форм HTML. Как правило, пользователь заполняет в форме одно или несколько полей (например, имя и адрес электронной почты), нажимает кнопку отправки данных, после чего получает ответное сообщение.
При вводе данных в форму используются различные управляющие элементы. В одних элементах пользователь вводит информацию с клавиатуры, в других он выбирает нужный вариант, щелкая кнопкой мыши. В формах могут присутствовать скрытые поля, которые поддерживаются самой формой; содержимое скрытых полей не должно изменяться пользователем.
Одна страница может содержать несколько форм, поэтому необходимы средства, которые позволяли бы отличить одну форму от другой. Более того, вы должны как-то сообщить форме, куда следует перейти, когда пользователь выполняет действие с формой (как правило, нажимает кнопку отправки данных). Обе задачи решаются заключением форм в следующие теги HTML:
<form action = действие method = "метод" - элементы формы -</form>
Как видно из приведенного фрагмента, в тегах форм указываются два важных элемента: действие и метод. Действие указывает, какой сценарий должен обрабатывать форму, а метод определяет способ передачи данных этому сценарию. Существует два метода:
Метод get передает все данные формы в конце URL. Из-за различных ограничений, связанных со спецификой языков и длиной данных, этот метод применяется редко.
Метод post передает все данные формы в теле запроса. Этот метод используется чаще, чем get.
Элементы форм, ориентированные на ввод с клавиатуры
Элементов, ориентированных на ввод с клавиатуры всего два — текстовое поле (text box) и текстовая область (text area).
5.4.2.1. Текстовое поле
В текстовых полях обычно вводится короткая текстовая информация — скажем, адрес электронной почты, почтовый адрес или имя. Синтаксис определения текстового поля:
<input type="text" nате="имя_переменной" size="N" maxlength="N" value="">
Определение текстового поля включает пять атрибутов:
type — тип элемента (для текстовых полей — text);
name — имя переменной, в которой сохраняются введенные данные;
size — общий размер текстового поля в браузере;
maxlength — максимальное количество символов, вводимых в текстовом поле;
value — значение, отображаемое в текстовом поле по умолчанию.
Текстовое поле изображено на рис. 1.
Рис. 1. Текстовое поле
Особой разновидностью текстовых полей является поле для ввода паролей. Оно работает точно так же, как обычное текстовое поле, однако вводимые символы заменяются звездочками. Чтобы создать в форме поле для ввода паролей, достаточно указать type="password" вместо type="text".