Краткое введение в HTML - Формы

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

Форма создается при помощи различных тэгов и атрибутов, заключенных в пару <FORM></FORM>. Элемент <FORM> является необходимым условием для всех форм. Он может иметь следующие атрибуты:

method - определяет способ пересылки данных сценарию CGI. Здесь протокол GET выбран по умолчанию, но в большинстве случаев разработчики пользуются протоколом POST, который позволяет передавать большие обьемы данных.

action - определяет путь к сценарию CGI или адрес электронной почты.

enctype - определяет способ кодирования содержимого формы. Другими словами он сообщает броузеру о способе кодирования информации перед отсылкой серверу. По умолчанию используется значение x-www-form-encoded. Например:

При помощи элемента <TEXTAREA> создается область для ввода и прoсмотра текста. Может использоваться и не в составе формы, а как самостоятельные детали страницы. Область ввода помогает сэкономить место благодаря полосам прокрутки. 

Элемент <INPUT> является базовым для всех элементов формы. Он используется для внедрения в форму кнопок, графических изображений, флажков, переключателей, паролей и текстовых полей. Несмотря на внешние отличия форм все они пересылают сценарию CGI данные ввиде пар имя:значение. Элемент может иметь следующие атрибуты обозначаемые как type:

TEXT - однострочное текстовое поле, используется дла ввода информации, которую нельзя ввести ни в одном из остальных элементов формы. Сюда вводятся имена, адреса, должности, телефоны, хобби, и данные практически любого типа. 

PASSWORD - однострочное поле, в котором вместо вводимых символов отображаются звездочки.

HIDDEN - еще один тип скрытого ввода информации. Позволяет пересылать сценариям информацию, которая не показывается пользователю и не может быть изменена им.

<input type="hidden" name="invisible" value="http://www.server.com">

CHECKBOX - флажки используются для предоставления возможности пользователю ответить односложно: да/нет, истина/ложь, больше/меньше и т.д. Выглядит обычно ввиде крестика или птички. 

RADIO - переключатели во многом напоминают флажки, отличаясь лишь более широкими функциональными возможностями выбора. В группе переключателей может быть выбран лишь один. 

SUBMIT - щелчок на этой кнопке приводит к пересылке содержимого формы сценарию, который был задан атрибутом action в элементе <FORM>. C помощью кнопок можно вычислять сумму, загружать стрницы, пересылать данные, сбрасывать значения.

RESET - кнопка используется для восстановления значений, заданных по умолчанию. Если значение по умолчанию не предусмотренно, то оно просто обнулится. Ширина кнопки может меняться в зависимости от других элементов.

Элемент <SELECT> может принимать форму раскрывающегося списка или меню элементов. Имеет вложенный тэг <OPTION>.Элемент же <OPTION> задает возможные варианты выбора меню <SELECT>.

Наиболее распространённое применение форм - это контактная форма. Как правило, она обьединяет в себе несколько элементов. Ниже приведён пример подобной формы, состоящей из нескольких однострочных текстовых полей, элемента <SELECT> и многострочного текстого поля.