Игра на «Морской Бой» на JavaScript: «Простая Игра» и «Игра для Двоих»
Yutex - Платный хостинг PHP.
Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов

Интернет-магазин под ключ

Статьи для сайтов!!!
Главная HTML по шагам Теги HTML Тег form Теги h1...h6

Тег form

Описание тега FORM

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

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

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

Обязателен


Атрибуты тега FORM

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

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

название кодировки: Windows-1251, KOI-8, UTF-8 и т.д...

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

- кодировка текущей страницы

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

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

Абсолютный или относительный адрес (подробнее здесь...)

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

-

Method – определяет способ отправки содержимого формы.

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

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

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

- GET

Name – задает уникальное имя формы. Используется лишь в том случае, если в документе присутствует несколько форм.

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

Набор символов - цифры и буквы

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

-

Target – указывает в каком окне открывать результат обработки отправленной формы.

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

- blank - страница открывается в новом окне
- self – страница открывается в текущем окне

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

- self


Пример - тег form

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title> Тег <form> </title>
</head>
<body>

<form action="send_message.php" method="post" name="send">
<p> Ваше имя: * <br> <input type="text" name="name" size="30"> </p>
<p> Ваш e-mail: * <br> <input type="text" name="mail" size="30"> </p>
<p> Укажите решение: 7 + 7 = ... * <br> <input type="text" name="spam" size="30"> </p>
<p> Ваше сообщение: * <br> <textarea name="message" cols="30" 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 адрес с внесенными в поля данными: Именем, адресом электронной почты и сообщением, при условии что все поля формы правильно заполнены!


Тег font Тег form Теги h1...h6
Теги HTML
Дизайн сайтов
ПОИСК ПО САЙТУ:

Моё имя Антон. Связаться со мною Вы можете по e-mail: averagev@mail.ru