Создаем сайт легко: HTML-формы

HTML-формы

Часто при создании сайта требуется предусмотреть обратную форму связи. В таком разделе пользователь сможет оставить заявку на звонок, или же комментарий к статье. Как же оформить эту «табличку» пользователя в HTML?

Тэг

Все описание нашей будущей формы помещается именно между этими тэгами. При этом на одной странице может существовать сразу несколько форм, но они обязательно должны быть вложены друг в друга. Далее задаем тэгу
необходимые атрибуты. Какие? А вот и основные примеры:

ACTION – сюда вписываем имя программы, которая будет обрабатывать данные от пользователя.
METHOD. Задает метод обработки данных — GET или POST. По умолчанию всегда стоит GET, но веб-мастера чаще используют второй вариант.
TARGET. Его необходимо прописывать во фреймосодержащих документах. Этот атрибут определяет, в какой именно фрейм отправлять информацию от пользователя.

Но тэг <FORM>
не будет работать сам по себе, если не прописаны данные в элементах управления. Их называют элементами форм. Пользователь, вводя информацию, на экране своего монитора видит именно их.

Элементы HTML-формы

Текстовая область обозначается с помощью элемента <textarea>

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

Кнопка – SUBMIT. Нужна для передачи формы. Служит на больше для управления. Чем для передачи. Ведь чтобы заполнить форму на сайте, в большинстве случаев достаточно просто нажать на клавиатуре ENTER.

Кнопка – RESET позволяет очистить форму. Скажу по секрету, применяется она достаточно редко, но иногда просто необходима.

Поле ввода TEXT. Такое поле используется довольно часто. Это основной и главнейший элемент форм. По умолчанию используется тэгом <INPUT>, указывать его каждый раз не надо. Таким образом, на каждом текстовом поле можно сэкономить до 12 нажатий на клавиши. Пи этом размер конечного HTML-кода значительно меньше.