аватар Автор: Сергей Касаткин | 30 января 2013 16:35

Уроки / HTML /

Урок 9. Работа с формами в html

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

Тег <form> парный: обязательно наличие открывающего и закрывающего тегов. Внутри тега <form> можно располагаться поля для ввода текста, кнопки, ссылки и другие элементы. Рассмотрим пример:

Код HTML

<form name="reg" method="post" action="reg.php">

   <!-- Тут должны быть формы ввода, кнопки и прочее. Например... -->
   <inputname="message" type="text"> <!-- Поле для ввода текста -->
   <input type="submit" name='submit" value="Отправить"> <!-- Кнопка отправки информации -->

</form>

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

Форма сама по себе статична и никуда не отправляет данные, а является своеобразной оболочкой, объединяющей все формы с отправляемыми данными средствами HTML-разметки. Обрабатывают данные языки программирования, например, PHP.


Как Вы, возможно, успели заметить у элемента формы <form> есть несколько атрибутов, которые отвечают за название формы, обработчик и метод отправки данных обработчику.

name - атрибут, который содержит название формы. Желательно указывать всегда, так как при добавлении ещё одной формы на страницу обработчик может некорректно сработать. Его обязательно следует указать, если в HTML документе присутствуют несколько форм.

method - это атрибут, который отвечает за метод отправки формы к обработчику. Используется два метода передачи данных - GET и POST, в форме же обычно используют второй метод.

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

enctype - в данном атрибуте указывается способ кодирования данных при их отправке на сервер после файла-обработчика. Как правило, данный атрибут корректно работает и по умолчанию, но если же нужно загрузить файлы, например, изображения, то необходимо в качестве значения атрибута указать multipart/form-data. В таком случае данные не будут кодироваться.

Таким образом, мы разобрали вопрос создания формы. Но это только основа для будущих полей ввода, кнопок и других элементов. В следующем уроке мы научимся заполнять этими полями форму!

Спасибо за внимание!
 



Похожие статьи


Комментарии к статье (vk.com)