Уроки HTML

Формы

Форма — это элемент интерфейса HTML-страницы, с помощью которого HTML-документ может отправить информацию, введенную пользователем, на сервер дла последующей обработки.

Принцип работы форм следующий: посетитель заполняет поля формы и нажимает на кнопку submit, после этого содержимое формы отсылается на сервер. На сервере, полученная информация обрабатывается и далее в зависимости от задачи происходит некоторое действие.

Формы размещаются между тегами <form></form>. HTML-документ может содержать в себе несколько форм, но они не могут быть вложенными. Тег <form> может содержать следующие атрибуты:

action	Задает обработчик информации
method	Задает метод HTTP, который будет использоваться для передачи данных из формы. Сущесвуют два основных метода: get и post.

Элемент <form> не влияет на отображение содержимого в броузере, он лишь объединяет все компоненты формы.

Для ввода информации используются елементы <input>, <textarea>, <select> и др.

Основным елементом для ввода информации является елемент <input>. Он имеет важний атрибут type, который определяет назначение елемента <input>. Атрибут type может принимать следующие значения:

text	—создается стандартное текстовое поле. Например: <input type="text" size="20" name="user" value="sr-pro" /> size - определяет ширину поля. value - определяет начальное значение поля.
password	—создается текстовое поле для ввода пароля. Например: <input type="password" name="pass" size="20" maxlength="10" /> maxlength - определяет максимальную длину строки.
checkbox	—создается переключатель, который может иметь два значения (выбран/не выбран). <input type="checkbox" name="comp" value="elem1" /> Элемент 1 <input type="checkbox" name="comp" value="elem2" checked="true" /> Элемент 2 <input type="checkbox" name="comp" value="elem3" /> Элемент 3 Элемент 1 Элемент 2 Элемент 3
radio	—создается радиокнопка. Например: <input type="radio" name="question" value="yes" checked="true" /> Yes <input type="radio" name="question" value="no" /> No Yes No
reset	—создается кнопка, нажатие на которую очищает всю ранее введенную в поля формы информацию. <input type="reset" value=" Сбоос " />
submit	—создается кнопка, нажатие на которую отсылает содержимое формы на сервер. <input type="submit" value=" Отправить " />
hidden	—создается поле, которое не отображается броузером. Его обычно используют для пересылки на сервер какой-нибудь служебной информации.

Есть еще несколько управляющих элементов, которые широко используються при создании форм:

textarea

—создает текстовое поле из нескольких строк для ввода больших объемов текста.
<textarea name="address" rows="5" cols="40">Наберите сообщение здесь</textarea>

select

—создает випадающее меню из нескольких пунктов.
<select name="menu">
<option value="index" selected>Главная</option>
<option value="product">Продукция</option>
<option value="contact">Контакты</option>
</select>

Тег <select> может также содержать атрибут multiple, присутствие которого показывает, что из меню можно выбрать несколько элементов.
<select multiple="true" name="menu">
<option value="index" selected>Главная</option>
<option value="product">Продукция</option>
<option value="contact">Контакты</option>
</select>