HTML HTML5 XHTML ПРИМЕРЫ СПРАВОЧНИК РЕКЛАМА ГОСТЕВАЯ

HTML Тег <form> - Форма


Пример

Простая HTML форма с двумя полями ввода и одной кнопкой отправки данных:

<form action="form_action.php" method="get">
  Имя: <input type="text" name="fname" /><br />
  Фамилия: <input type="text" name="lname" /><br />
  <input type="submit" value="Отправить" />
</form>

Попробуйте сами »
(еще примеры внизу этой страницы)

Определение и Использование

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

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

Формы используются для пересылки данных на сервер для обработки.


Поддержка Браузерами

Internet Explorer Firefox Opera Google Chrome Safari

Тег <form> поддерживается всеми основными браузерами.


Различия Между HTML и XHTML

В XHTML атрибут name тега <form> является не рекомендуемым, и будет удален. Используйте вместо него атрибут id.


Советы и Замечания

Замечание: Элемент form является элементом блочного типа и создает переносы строки до и после себя.


Обязательные Атрибуты

Столбец DTD указывает, в каком типе документа HTML 4.01/XHTML 1.0 DTD атрибут разрешен. S=Strict, T=Transitional и F=Frameset.

Атрибут Значение Описание DTD
action адрес URL Указывает, куда пересылать данные формы при отправке STF

Необязательные Атрибуты

Атрибут Значение Описание DTD
accept тип_MIME Указывает типы файлов, которые могут пересылаться посредством загрузки файлов на сервер STF
accept-charset набор_символов Указывает наборы символов, которые сервер может обрабатывать для данных формы STF
enctype application/x-www-form-urlencoded
multipart/form-data
text/plain
Указывает, как данные формы должны быть закодированы перед отправкой на сервер STF
method get
post
Указывает способ отправки данных формы STF
name имя Указывает имя формы TF
target _blank
_self
_parent
_top
имя_фрейма
Не рекомендуется. Указывает, где открывать адрес URL из атрибута action TF


Стандартные Атрибуты

Тег <form> поддерживает следующие стандартные атрибуты:

Атрибут Значение Описание DTD
class имя_класса Указывает имя класса для элемента STF
dir rtl
ltr
Указывает направление текста для содержимого в элементе STF
id идентификатор Указывает уникальный идентификатор для элемента STF
lang код_языка Указывает код языка для содержимого элемента STF
style определение_стиля Указывает встроенный стиль для элемента STF
title текст Указывает дополнительную информацию об элементе STF
xml:lang код_языка Определяет код языка для содержимого элемента в XHTML документах STF

Дополнительная информация о Стандартных Атрибутах.


Атрибуты Событий

Тег <form> поддерживает следующие атрибуты событий:

Атрибут Значение Описание DTD
onclick скрипт Скрипт, запускаемый при клике мышью STF
ondblclick скрипт Скрипт, запускаемый при двойном щелчке мышью STF
onmousedown скрипт Скрипт, запускаемый при нажатии кнопки мыши STF
onmousemove скрипт Скрипт, запускаемый при перемещении указателя мыши STF
onmouseout скрипт Скрипт, запускаемый, когда указатель мыши уходит за пределы элемента STF
onmouseover скрипт Скрипт, запускаемый, когда указатель мыши перемещается над элементом STF
onmouseup скрипт Скрипт, запускаемый при отпускании кнопки мыши STF
onkeydown скрипт Скрипт, запускаемый при нажатии клавиши STF
onkeypress скрипт Скрипт, запускаемый, когда клавиша нажата, а затем отпущена STF
onkeyup скрипт Скрипт, запускаемый, когда клавиша отпущена STF
onreset скрипт Скрипт, запускаемый при сбросе формы  
onsubmit скрипт Скрипт, запускаемый при отправке формы  

Дополнительная информация об Атрибутах Событий.


Примеры

Попробуйте сами - Примеры

Форма с флажками
Форма с двумя флажками и кнопкой отправки данных.

Форма с переключателями
Форма с двумя переключателями и кнопкой отправки данных.

Отправка почты с формы
Как отправить почту с формы.



© 2011-2017 Уроки HTML
Рейтинг@Mail.ru