ФЕДЕРАЛЬНОЕ АГЕНТСТВО ПО ОБРАЗОВАНИЮ
Государственное образовательное учреждение
высшего профессионального образования
Сибирский государственный аэрокосмический университет
имени академика М.Ф. Решетнева
(СибГАУ)
АЭРОКОСМИЧЕСКИЙ КОЛЛЕДЖ
Рассмотрено
на заседании
цикловой
комиссии
230103 «Автоматизированные
системы
обработки
информации
и управления»
и
рекомендовано
к применению
_____________( )
«_____»_____________20___г
Методическое пособие
Лабораторная работа № 6
по
дисциплине:
«Распределенные
системы обработки информации»
Создание документа с формами.
230103 Автоматизированные системы обработки
информации и управления
Разработал Преподаватель
АК
2010 г.
ЛАБОРАТОРНАЯ
РАБОТА № 6
Тема: Создание документа с формами.
Цель: научиться создавать веб-документы, содержащие
формы.
Оборудование и программное обеспечение:
Персональный
компьютер IBM PC/AT.
Операционная
система MS-DOS, Windows 95/98/NT/2000/XP.
Теоретическая часть
Формы являются наиболее популярным способом "обратной связи"
с пользователем. С помощью HTML можно создавать как простые формы,
предполагающие выбор одного из нескольких ответов, так и сложные формы для
заказов или для того, чтобы получить от пользователей страницы какие-либо
комментарии и пожелания.
Форма представляет собой несколько полей, где пользователь может ввести
некоторую информацию, либо выбрать какую-то опцию. После того, как пользователь
отправит информацию, она обрабатывается программой (скриптом), размещенной на
сервере. Существует также возможность обрабатывать формы "на стороне
клиента", встраивая в свои страницы скрипты.
Форма ограничивается тегами <FORM> и </FORM>.
Между этими тегами располагаются теги, создающие элементы ввода информации и
теги создания обычного содержимого Web-страницы, т. е. сами элементы ввода
могут размещаться в таблице, которая в свою очередь полностью размещается в
форме. Тег <FORM> не создает какой-либо отображаемой структуры. Он
предназначен для внутренней группировки объектов. HTML-документ
может содержать в себе несколько форм, но они не должны находиться одна внутри
другой.
Тег <FORM> обладает целым рядом параметров, которые задают
свойства создаваемой формы.
Параметры тега <FORM>
§
ACTION указывает URL,
который примет и обработает данные формы. Если эта опция не указана, данные
отправляются по адресу страницы, на которой размещена форма.
- METHOD указывает метод передачи данных программе-обработчику формы. Может
принимать одно из двух значений. Значение GET, используемое по умолчанию, предписывает посылать информацию
формы вместе с URL, а значение POST предписывает посылать
информацию формы отдельно от URL. Значение POST используется
обычно в случае отправки данных формы по электронной почте или при
необходимости передавать значительный объем информации.
- NAME указывает имя формы. Это необходимо, если требуется доступ к
данным формы с помощью встроенного скрипта на JavaScript или Visual Basic
Script, а также в том случае, если данные формы предназначены для отправки
по электронной почте.
- ENCTYPE задает способ кодирования данных формы. Значение
application/x-www-form-urlencoded, используемое по умолчанию идеально
подходит для подавляющего большинства CGI-приложений.
Элементы формы
I. Поля, кнопки, переключатели, флажки.
Тег <INPUT> является одним из разносторонних элементов
формы и позволяет создавать разные элементы интерфейса и обеспечить
взаимодействие с пользователем. Главным образом <INPUT> предназначен
для создания текстовых полей, различных кнопок, переключателей и флажков.
Основной параметр тега <INPUT>, определяющий вид элемента
— параметр TYPE
