- •Задание 4. Создание пользовательских форм
- •Основная схема формы
- •Параметры формы Параметр action
- •Параметр method
- •Параметр enctype
- •Параметр target
- •Параметр name
- •Свойства элементов форм
- •Виды стандартных форм
- •Параметр type
- •Текстовые поля
- •Раскрывающиеся списки
- •Передача информации cgi-программе. Кодирование и пересылка данных формы
- •Возможное решение
Параметр enctype
Вы, должно быть, слышали о существовании различных типов кодирования информации, передаваемой через Internet. Тип кодирования данных, введенных через форму, определяется параметром enctype (от английского encryption type — тип кодирования). В данном случае имеются в виду типы кодирования MIME. Кодирование осуществляется браузером и используется для предотвращения разного рода искажений в процессе передачи на сервер.
Возможными значениями параметра могут быть: application/x-www-form-urlencoded (по умолчанию) и multipart/form-data. Первое значение используется, если помимо текста необходимо передать на сервер данные иного типа (к примеру, графику или запакованные файлы).
Формат записи состоит из указания типа и его подтипа.
Тип данных — это определение общего типа данных (текст, графика, архив, программа и т. д.), например, text, image, application.
Подтип — это вид данных внутри определенного общего типа (image/gif, text/html). Значение multipart/form-data используется в редких специфических случаях, например, при необходимости предоставить пользователю возможность загрузки на сервер любого файла со своего локального компьютера.
При отправке данных электронной почтой используется тип text/plain. Таким образом, для того чтобы данные формы передавались по электронной почте, код формы должен выглядеть так:
<FORM action=mailto: vasya@vasya.ru method=post enctype=text/plain>
</FORM>
Параметр target
Как правило, после заполнения формы содержащее ее окно закрывается, и на его месте появляется другое, — например, с сообщением о том, что данные успешно введены и получены. Как описать, в каком окне или фрейме будет открыта следующая страница? Правильно, с помощью уже знакомого нам параметра target.
Отдельные браузеры (Netscape, Internet Explorer) поддерживают дополнительные параметры помимо стандартных, например, CLASS, NAME, STYLE и др.
Параметр name
Параметр NAME присваивает HTML-форме уникальное имя, которое используется в программе-обработчике для идентификации пользовательских данных, например:
<FORM NAME="mail">
Свойства элементов форм
Во-первых, это информация, которую вводит пользователь через данный элемент формы. Эта информация присваивается параметру value.
Во-вторых, это уникальное в пределах формы имя, по которому данный элемент отличается от других. Это имя присваивается параметру name.
Виды стандартных форм
Тег <LABEL></LABEL>
Этот элемент является контейнером для других элементов формы. Например, можно объединить надпись и поле ввода: <label>адрес: <INPUTtype="text"id="address"> </label>
Если элемент LABEL и другой элемент находятся отдельно, используется атрибут for, значение которого должно совпадать со значением атрибута id соответствующего элемента:
<LABEL for="address">Baш адрес: </label>
<INPUT type="text" id="address">
Для каждого элемента LABEL создается один элемент формы. Иногда элементы удобно распределить по ячейкам таблицы, обеспечив тем самым выравнивание данных в форме.
Тег <INPUT>
Тег <INPUT> является наиболее распространенным и способен отобразить широкий набор элементов управления пользовательской формой: текстовую строку; поле ввода пароля; поле выбора локального файла для загрузки на Web-сервер; опцию выбора; опцию переключения; кнопку отправления пользовательских данных; графический вариант кнопки отправления пользовательских данных; кнопку сброса введенных пользовательских данных; скрытые поля.
Тег не является парным и может содержать параметры.