Формы.

Формы используются, как элемент интерактивного взаимодействия с посетителем сайта. Наиболее распространенное применение — это различные опросные листы.

Разбираем код программы

Все элементы формы должны быть заключены в теги <FORM>...</FORM>.
Атрибут action="" указывает путь к программе, которой передаются данные и управление после подтверждения ввода (нажатия на кнопку типа type="submit"). Атрибут method="" определяет, какой HTTP метод использовать при передаче данных формы.

Используя параметр GET, атрибута method, информация формы добавляется и посылается наряду с URL непосредственно. POST метод помещает информацию формы в отдельной части теле HTTP запроса; POST — более предпочтительный метод, согласно W3C спецификации.

Тег <SELECT>...</SELECT> создает выпадающее меню (или список), а пункты меню(списка) определябтся тегами <OPTION>...</OPTION>. Атрибут value="" тега <OPTION> говорит о том, какое значение будет находится в переменной списка после выбора. Сама же переменная определяется атрибутом name="" тега <SELECT>.
Далее мы создаем поля ввода с помощью тега <INPUT>. Атрибут type="" определяет тип поля ввода, а атрибут name="" — переменную, которой будут присвоены введенные данные.
Так же для ввода (или просмотра) текста можно использовать теги <TEXTAREA>...</TEXTAREA>. Атрибуты rows="" и cols="" задают размеры текстового поля, рядки и колонки соответственно.
Конструкция <BUTTON>...</BUTTON> позволяет создавать кнопки, как и тег <INPUT>. Отличие заключается в том, что <BUTTON> позволяет создавать более сложные элементы. Например комбинировать текст и графику:

В программе также использовались следующие значения атрибута type="" тега <INPUT>:
type="text" — определяет тег <INPUT>, как поле ввода для текстовой информации.
type="radio" — определяет один переключатель.
type="checkbox" — создание флажка.
type="submit" — создает кнопку для подтверждения ввода информации в форму.
type="reset" — создает кнопку, которая очищает(сбрасывает) форму.

ПОДВОДИМ ИТОГИ.     Справочник тегов. <FORM> • Определяет начало и конец формы. • Синтаксис     <FORM>...</FORM> • Совместимость     NN 2.0+ • MSIE 2.0+; • Opera 3.0+; • HTML 4.0; • Атрибуты     action = <url> — определяет URL приложения, обрабатывающего форму.     method = <get|post> — определяет метод передачи данных формы.     enctype = <кодировка> — определяет, как закодированы значения формы при передаче их серверу. <INPUT type="file"> • Определяет элемент передачи файла в форму, в виде текстового поля и кнопки "Обзор". • Синтаксис     <INPUT type="file"> • Совместимость     NN 4.0+ • MSIE 3.0+; • Opera 6.0+; • HTML 4.0; • Атрибуты     name = <текст> — определяет имя элемента управления.     value = <текст> — определяет начальное имя файла.     enctype = <кодировка> — определяет метод передачи данных формы. <INPUT type="button"> • Определяет настраиваемую кнопку. • Синтаксис     <INPUT type="button"> • Совместимость     NN 4.0+ • MSIE 4.0+; • Opera 6.0+; • HTML 4.0; • Атрибуты     name = <текст> — определяет имя элемента управления.     value = <текст> — определяет начальное значение параметра. <INPUT type="checkbox"> • Создает переключатель. • Синтаксис     <INPUT type="checkbox"> • Совместимость     NN 4.0+ • MSIE 4.0+; • Opera 6.0+; • HTML 4.0; • Атрибуты     name = <текст> — определяет имя элемента управления.     value = <текст> — определяет начальное значение параметра.     checked — переключатель включен по умолчанию. <INPUT type="hidden"> • Создает невидимый элемент управления. • Синтаксис     <INPUT type="hidden"> • Совместимость     NN 4.0+ • MSIE 4.0+; • Opera 6.0+; • HTML 4.0; • Атрибуты     name = <текст> — определяет имя элемента управления.     value = <текст> — определяет начальное значение параметра. <INPUT type="image"> • Позволяет использовать изображение, вместо кнопки типа type="submit". • Синтаксис     <INPUT type="image"> • Совместимость     NN 2.0+ • MSIE 2.0+; • Opera 3.0+; • HTML 4.0; • Атрибуты     name = <текст> — определяет имя элемента управления.     align = <top|middle|bottom> — выравнивает изображение.     src = <url> — определяет URL изображения. <INPUT type="password"> • Создает элемент ввода текста, но текст при отображении заменяется звездочками или другими маркерами. • Синтаксис     <INPUT type="password"> • Совместимость     NN 2.0+ • MSIE 2.0+; • Opera 3.0+; • HTML 4.0; • Атрибуты     name = <текст> — определяет имя элемента управления.     value = <текст> — определяет начальное значение параметра.     size = <размер> — определяет размер текстового поля.     maxlength = <размер> — определяет максимальное число символов, которое разрешено ввести пользователю. <INPUT type="radio"> • Создает "radio"-кнопку. • Синтаксис     <INPUT type="radio"> • Совместимость     NN 2.0+ • MSIE 2.0+; • Opera 3.0+; • HTML 4.0; • Атрибуты     name = <текст> — определяет имя элемента управления.     value = <текст> — определяет начальное значение параметра.     checked — по умолчанию устанавливает кнопку в состояние "включена". <INPUT type="reset"> • Создает кнопку сброса, которая очищает содержание формы. • Синтаксис     <INPUT type="reset"> • Совместимость     NN 2.0+ • MSIE 2.0+; • Opera 3.0+; • HTML 4.0; • Атрибуты     value = <текст> — определяет текст на кнопке. <INPUT type="submit"> • Создает кнопку подтверждения, которая отправляет информацию на сервер. • Синтаксис     <INPUT type="submit"> • Совместимость     NN 2.0+ • MSIE 2.0+; • Opera 3.0+; • HTML 4.0; • Атрибуты     value = <текст> — определяет текст на кнопке. <INPUT type="text"> • Создает элемент ввода текста. • Синтаксис     <INPUT type="text"> • Совместимость     NN 2.0+ • MSIE 2.0+; • Opera 3.0+; • HTML 4.0; • Атрибуты     name = <текст> — определяет имя элемента управления.     value = <текст> — определяет начальное значение параметра.     maxlength = <размер> — определяет максимальное число символов, которое разрешено ввести пользователю.     size = <размер> — определяет размер текстового поля. <SELECT> • Создает список. • Синтаксис     <SELECT>...</SELECT> • Совместимость     NN 2.0+ • MSIE 2.0+; • Opera 3.0+; • HTML 4.0; • Атрибуты     name = <текст> — определяет имя для выбранных элементов списка.     size = <размер> — определяет количество одновременно отображаемых пунктов списка.     multiple — позволяет пользователю выбрать более одного элемента из списка. <OPTION> • Создает элемент список. • Синтаксис     <OPTION>...</OPTION> • Совместимость     NN 2.0+ • MSIE 2.0+; • Opera 3.0+; • HTML 4.0; • Атрибуты     value = <текст> — возвращает указанное значения приложению обработки формы.     width = <размер> — определяет ширину объекта в пикселах.     selected — делает данный пункт выбранным по умолчанию. <BUTTON> • Создает кнопку. • Синтаксис     <BUTTON>...</BUTTON> • Совместимость     NN 4.0+ • MSIE 4.0+; • Opera 6.0+; • HTML 4.0; • Атрибуты     value = <текст> — определяет начальное значение параметра.     name = <текст> — определяет имя элемента.     type = <submit|reset|button> — определяет тип кнопки.