Параметр 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">
Из чего состоит форма
Что является содержанием HTML-формы? Пожалуй, ответить на этот вопрос вы могли бы и сами. Для этого достаточно вспомнить любую анкету или бланк, которую вам когда-либо приходилось заполнять. Давайте вспоминать, что там было?
Масса пустых строчек, куда нужно вписать фамилию, адрес, дату... Нужное подчеркнуть... Отметить "птичками" один или несколько из предлагаемых вариантов (а если анкета электронная, не забыть убрать выделенные варианты, предлагающие присылать вам по электронной почте всякую информацию)... Да, и еще, конечно же, обычный текст — пояснения, что и куда нужно вписывать.
Ну и всякие картинки, оживляющие пейзаж: логотипы, печати, рамки. Наконец, в электронных анкетах имеются кнопки: "Принять", "Отменить" и т.п.
Да, набралось порядочно. Давайте все это классифицируем, чтобы не запутаться.
Первое, что бросается в глаза: все содержимое формы делится на две категории. В первую попадает все, что требует вмешательства пользователя: заполнить, подчеркнуть, отметить, нажать и т.п., во вторую — все остальное, что достаточно прочитать, просмотреть или можно вообще оставить без внимания. Назовем элементы первой категории — поля ввода, "птички", кнопки, списки — активными, а элементы второй категории — текст, картинки — пассивными.
Пассивные элементы формы нам хорошо знакомы. Они ничем не отличаются от любых других элементов Web-страницы. А вот к активным элементам стоит присмотреться внимательнее.
Например, какие общие свойства присущи таким элементам и, соответственно, какие общие параметры есть у описывающих их дескрипторов? Таких свойств два.
Во-первых, это информация, которую вводит пользователь через данный элемент формы. Эта информация присваивается параметру value.
Во-вторых, это уникальное в пределах формы имя, по которому данный элемент отличается от других. Это имя присваивается параметру name.
<LABEL></LABEL>
Этот элемент является контейнером для других элементов формы. Например, можно объединить надпись и поле ввода:
<label> адрес: <INPUT type="text" id="address"> </label>
Если элемент LABEL и другой элемент находятся отдельно, используется атрибут for, значение которого должно совпадать со значением атрибута id соответствующего элемента:
<LABEL for="address">Baш адрес: </label>
<INPUT type="text" id="address">
Для каждого элемента LABEL создается один элемент формы. Иногда элементы удобно распределить по ячейкам таблицы, обеспечив тем самым выравнивание данных в форме.
Тег <INPUT>
Тег <INPUT> является наиболее распространенным и способен отобразить широкий набор элементов управления пользовательской формой:
текстовую строку;
поле ввода пароля;
поле выбора локального файла для загрузки на Web-сервер;
опцию выбора;
опцию переключения;
кнопку отправления пользовательских данных;
графический вариант кнопки отправления пользовательских данных;
кнопку сброса введенных пользовательских данных;
скрытые поля.
Тег не является парным и может содержать параметры.