Создание формы (HTML)

Создание формы (HTML)

Форма снежинки

Здравствуйте, уважаемые читатели!

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

Форма создаётся посредством тега < form > и может содержать любые нужные тэги. Форма характеризуется рядом необязательных параметров: адресом обрабатывающей программы на сервере, элементами формы, представляющими типовые поля для ввода данных пользователями, кнопку для отправки информации на веб-сервер.

Можно применять несколько форм на одной странице, но при этом они не могут вкладываться одна в другую. Браузер, отправляя данные, подготавливает их в виде связки «имя=значение». Имя обуславливается атрибутом name, которое указывается в теге < input >, но возможно использование и других допустимых тегов. Значение же вводится самим пользователем или устанавливается по умолчанию.

Когда пользователь нажимает кнопку «Submit» («Отправить»), вызывается обработчик формы и осуществляет необходимые операции с информацией. Обработчиками форм являются программы, написанные на серверном языке наподобие PHP, Python, C# или других. Обычно программа задаётся атрибутом тега action, но нередко бывает, что страница, написанная, например, на PHP, заодно является и обработчиком формы. В данном случае атрибут action можно опустить.

Простая форма выглядит следующим образом:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Формы</title>
</head>
<body>
<form>
<p><input name="a"> <input type="submit"></p>
</form>
</body>
</html>

В следующее примере рассмотрим вариант, когда в атрибуте action прописывается электронная почта и при отправке формы запускается почтовая программа, которая установлена по умолчанию. Чтобы данные интерпретировались корректно, необходимо применять атрибут enctype в теге со значением text/plain. При этом, различные браузеры по разному работают с данным кодом:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Формы</title>
</head>
<body>
<form action="mailto:vvv@gmail.com" enctype="text/plain">
<p><input name="a"> <input type="submit"></p>
</form>
</body>
</html>

 

Дискуссия по теме