«Единственный способ творить великие дела – это любить то, что ты делаешь»
HTML


Тег <form> предназначен для вставки формы на страницу.

Тег <form> используется совместно со следующими тегами: <input>, <textarea>, <select> и <option> - эти теги создают текстовые поля, кнопки, флажки и переключатели и т.д. - элементы, с помощью которых данные вносят в форму. Затем внесенная информация отправляется на сервер для обработки (над этим уже работает обработчик, написанный, например, на PHP) и возвращается к пользователю в том или ином виде.

Закрывающий тег

Обязателен


Атрибут Accept-charset

Атрибут accept-charset тега form - устанавливает кодировку для вводимых данных, в которой сервер может их принимать и обрабатывать.

Значение/я атрибута:
Название кодировки: Windows-1251, KOI-8, UTF-8 и т.д...
Значение по умолчанию:
Кодировка текущей страницы

Атрибут Action

Атрибут action тега form - обязательный атрибут. Указывает путь (URL) к обработчику данных на сервере, обслуживающему данную форму.

Значение/я атрибута:
Абсолютный или относительный адрес (подробнее здесь...)
Значение по умолчанию:
Не имеет

Атрибут Method

Атрибут method тега form - определяет способ отправки содержимого формы.

Значение/я атрибута:

- GET - метод GET - используется для передачи различных переменных , или очень коротких сообщений. Информация передается в явном виде через строку браузера в виде пары «имя=значение».
- POST - метод POST - создан специально для передачи большого объема данных. Почти всегда применяется в формах. Передает информацию в скрытом виде.

Значение по умолчанию:
GET

Атрибут Name

Атрибут name тега form - задает уникальное имя формы. Используется лишь в том случае, если в документе присутствует несколько форм.

Значение/я атрибута:
Набор символов - цифры и буквы
Значение по умолчанию:
Не имеет

Атрибут Target

Атрибут target тега form - указывает в каком окне открывать результат обработки отправленной формы.

Значение/я атрибута:
- blank - страница открывается в новом окне
- self – страница открывается в текущем окне
Значение по умолчанию:
self
Пример
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title> Тег form </title>
</head>
<body>

<form action = "send_message.php" method="post" name="send">
<p> Ваше имя: * <br> <input type="text" name="name" size="25"> </p>
<p> Ваш e-mail: * <br> <input type="text" name="mail" size="25"> </p>
<p> Укажите решение: 7 + 7 = ... * <br> <input type="text" name="spam" size="25"> </p>
<p> Ваше сообщение: * <br> <textarea name="message" cols="20" rows="10"> </textarea> </p>
<p> <input type="reset" value="Сбросить"> </p>
<p> <input type="submit" value="Отправить" disabled> </p>
</form>

</body>
</html>
Результат

Ваше имя: *

Ваш e-mail: *

Укажите решение: 7 + 7 = ... *

Ваше сообщение: *

Пояснение к примеру

Форма в примере не работает (она не связана с обрабатывающим скриптом) - она лишь иллюстрирует вариант внешнего вид формы обратной связи. Кнопка Отправить заблокирована (атрибут disabled тега <input>), так как при ее нажатии данные некуда отправлять. Кнопка Сбросить активна - Вы можете ввести данные в поля, а затем очистить их - привести к первоначальному виду - Сбросить.

Рабочий вариант подобной формы отправляет письмо на скрытый e-mail адрес с внесенными в поля данными: Именем, адресом электронной почты и сообщением, при условии что все поля формы правильно заполнены!



Все теги HTML

HTML по шагам