Далее на странице
Тег <form> предназначен для вставки формы на страницу.
Тег <form> используется совместно со следующими тегами: <input>, <textarea>, <select> и <option> - эти теги создают текстовые поля, кнопки, флажки и переключатели и т.д. - элементы, с помощью которых данные вносят в форму. Затем внесенная информация отправляется на сервер для обработки (над этим уже работает обработчик, написанный, например, на PHP) и возвращается к пользователю в том или ином виде.
Атрибут Accept-charset
Атрибут accept-charset тега form - устанавливает кодировку для вводимых данных, в которой сервер может их принимать и обрабатывать.
Атрибут Action
Атрибут action тега form - обязательный атрибут. Указывает путь (URL) к обработчику данных на сервере, обслуживающему данную форму.
Атрибут Method
Атрибут method тега form - определяет способ отправки содержимого формы.
- GET - метод GET - используется для передачи различных переменных , или очень коротких сообщений. Информация передается в явном виде через строку браузера в виде пары «имя=значение».
- POST - метод POST - создан специально для передачи большого объема данных. Почти всегда применяется в формах. Передает информацию в скрытом виде.
Атрибут Name
Атрибут name тега form - задает уникальное имя формы. Используется лишь в том случае, если в документе присутствует несколько форм.
Атрибут Target
Атрибут target тега form - указывает в каком окне открывать результат обработки отправленной формы.
- self – страница открывается в текущем окне
<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>
Пояснение к примеру
Форма в примере не работает (она не связана с обрабатывающим скриптом) - она лишь иллюстрирует вариант внешнего вид формы обратной связи. Кнопка Отправить заблокирована (атрибут disabled тега <input>), так как при ее нажатии данные некуда отправлять. Кнопка Сбросить активна - Вы можете ввести данные в поля, а затем очистить их - привести к первоначальному виду - Сбросить.
Рабочий вариант подобной формы отправляет письмо на скрытый e-mail адрес с внесенными в поля данными: Именем, адресом электронной почты и сообщением, при условии что все поля формы правильно заполнены!
