Презентация на тему Формы и их задачи

пользователя к Web-серверу.
HTML-документ с формой отличается от обычного

HTML-документа наличием элементов управления: полей ввода текста, флажков, кнопок и т.д.
Данные, введенные в форму, обрабатываются на стороне сервера CGI-приложениями и на стороне клиента сценариями.

URL-адреса приложения, которое будет обрабатывать данные
Method – задает способ

отправки данных, введенных в форму. Может принимать значения get (по умолчанию) или post.

по правилам, заданным протоколом HTTP, и состоит из запросов

клиента и ответов сервера. Запрос разбивается на три части. Запрос клиента состоит из:
метода, URL-адреса запрашиваемого файла и номера версии протокола HTTP
заголовка запроса
тела запроса (данные, посылаемые серверу)

в составе URL-запроса, к которому присоединяются после символа "?"

в виде совокупности пар переменная = значение, разделенных символом “&". В этом случае первая строка запроса может иметь следующий вид:
GET / cgi-bin / cgi-program.pl ? name = Саша & surname = Иванов HTTP / 1.1
Метод GET используется для отправки небольших объемов данных.

Web-серверу в теле запроса, после чего передаются сервером в

CGI-программу через стандартный ввод.
Если используется метод POST, необходимо задать значение атрибута ENCTYPE. Значением параметра ENCTYPE является медиа-тип, определяющий формат кодирования данных при передаче их от браузера к серверу. Возможны два значения этого параметра: application/x-www-form-urlencoded (по умолчанию) и multipart/form-data.

methоd = метод передачи данных

enctype = медиа-тип >
содержание формы

и всегда используется совместно с атрибутом TYPE.
Атрибуты:
Type -

задает тип интерфейсного элемента
Name – задает имя элемента управления
Value – задает начальное значение для полей ввода текста и полей для ввода имен файлов, надпись на кнопке
Checked – задает начальное состояние для флажков и переключателей

максимальную длину текста, который может быть введен в текстовое

поле
Title – задает описание элемента управления, может использоваться браузером в качестве всплывающей подсказки
Align – задает горизонтальное выравнивание элемента управления
Пример:

Текстовое поле

область для ввода большого количества строк текста.
Атрибуты:
Name - указывает

имя области, может быть любым, является обязательным. По данному имени приложение обращается к содержимому данного элемента
Cols - количество символов в строке

вертикальной полосы прокрутки
Disabled - делает элемент недоступным
Readonly - текст

только для чтения. Нельзя редактировать текст.

11 символов и в 7 строк

число отображаемых элементов. Если равно 1 или не указано,

то выводится одна строчка. Если значение больше 1, то выводится список с прокруткой
Name - задаёт имя списка
Multiple - даёт возможность выбора нескольких значений из списка

Каждый элемент select должен содержать хотя бы один или

более элементов option, с помощью которого создаются строки списков
Атрибуты:
Selected - индикатор, указывающий, что данная строка является выбранной по умолчанию. Если данный индикатор отсутствует, то такой строкой является первый элемент
Value - задаёт значение, которое присваивается выбранному элементу списка и отсылается серверу

selected>
Четвертая строка

строка
Четвертая строка

Кнопочка

B таблице

других объектов, содержащихся в контейнере - логически группирует элементы

формы.
Тэг

...

- задаёт название логических групп элементов.