Формы

Web-страницы по самой своей природе представляет интерактивный документ уже вследствие возможности перехода по гиперссылкам. Однако такая интерактивность весьма ограниченная и односторонняя: автор страницы не получает от читателя никакой информации и не может выбрать способ реакции, зависящей от действий пользователя.

Одним из способов решить эту проблему является использование форм. Это не самый лучший способ обеспечения интерактивности, но, без сомнения, самый простой, так как при этом используется только возможности самого языка HTML.

Форма представляет собой набор элементов управления, описываемых при помощи элементов HTML. Пользователь может определить состояние этих элементов управления, а затем воспользоваться кнопкой отправки формы. Сведения о текущем состоянии формы после этого передаются на web-сервер, где и обрабатываются одним из нескольких возможных способов. Определение способа обработки формы - достаточно непростая задача, что несколько ограничивает возможность использования форм начинающими авторами.

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

Из этого примера видно, что форма представляет собой блочный элемент, определяемый парным тегом <form>. Закрывающий тег обязателен. Открывающий тег содержит два обязательных атрибута. Атрибут method определяет метод передачи данных и может принимать одно из двух значений: get и post. В первом случае предполагается обработка данных программой, работающей на web-сервере, во втором - их пересылка по электронной почте. Атрибут action определяет адрес, куда производится передача данных. В данном случае указан просто адрес web-страницы и по этому передача данных приведет просто к загрузке страницы.

Пересылка данных производится с помощью кнопки отправки. Кнопка отправки в данном случае создается с помощью одиночного тега <input>. Этот тег может определять целую группу элементов управления, в зависимости от значения обязательного атрибута type. В данном случае создается кнопка отправки (submit). Атрибут value определяет надпись на кнопке.

По умолчанию, передача данных формы производится в формате, крайне неудобном для обработки вручную. Для всех элементов управления составляются пары имя=значение, где имя и значение - это, как правило, значение атрибутов name и value. При этом в неизменном виде сохраняются только алфавитно-цифровые символы. Пробелы заменяются знаком "+", а все прочие специальные символы представляются в виде двузначных шестнадцатеричных кодов, которым предшествует знак "%", и такая длинная строка и направляется по месту назначения. Это так называемая кодировка MIME. Теперь вам должно быть понятно, почему предпочтительна именно автоматическая обработка форм.

Для ввода данных в форму язык HTML поддерживает множество элементов управления. Они могут использоваться внутри формы, где также может размещаться обычный текст, используемый в качестве пояснений к элементам управления. Как правило, для элементов управления должен быть задан атрибут name и, чаще всего, также атрибут value.

<input type="text"> - создает текстовое поле.
атрибуты:
name - обязательный атрибут, значением которого является имя текстового поля.
value - задает начальное содержание текстового поля
size - задает максимальную длину текстового поля.

<input type="password"> - создает поле пароля.
атрибуты:
name - обязательный атрибут.
size - задает максимальную длину текстового поля.

<input type="checkbox"> - создается флажок.
атрибуты:
name - обязательный атрибут.
checked - устанавливает флажок первоначально.

<input type="radio"> - создает группу переключателей.
атрибуты:
name - у всех переключателей одной группы должно быть одинаковым.
value - у всех переключателей одной группы должно быть разным.

<input type="hidden"> - создает скрытое поле.
атрибуты:
name - обязательный атрибут.
value - задает начальное значение.

<input type="submit"> - создает кнопку отправки с текстовой надписью.
атрибуты:
name - задает имя кнопки.
value - обязательный атрибут, задающий надпись на кнопке.

<input type="image"> - создает кнопку отправки с графическим изображением.
атрибуты:
src - в этом атрибуте следует указать путь к изображению.
alt - задает альтернативный текст изображения.

<input type="reset"> - создает кнопку сброса формы.
атрибуты:
value - задает надпись на кнопке.

<input type="button"> - создает кнопку.
атрибуты:
value - задает надпись на кнопке.

<textarea></textarea> - создает текстовую область.
атрибуты:
name - задает имя текстовой области.
rows - задает число строк текста
cols - задает максимальное число символов в каждой строке.

<select></select> - создает раскрывающийся список.
атрибуты:
name - задает имя списка.
size - значение этого атрибута - число, определяющее, сколько строк списка отображается на экране.
multiple - дает возможность выбора нескольких пунктов списка.

<option></option> - определяет элементы списка.
атрибуты:
value - обязательный атрибут.
selected - определяет какой из пунктов списка выбран по умолчанию.