ЛУЧШИЙ САЙТ ДЛЯ РАЗРАБОТЧИКОВ
×

HTML Ссылки

HTML по Алфавиту HTML по Категориям HTML Атрибуты Тегов HTML Атрибуты Глобал HTML Атрибуты Событий HTML Цвета HTML Холсты HTML Аудио / Видео HTML Наборы символов HTML DOCTYPEs HTML Кодирование URL HTML Языковые коды HTML Коды стран HTTP Ответы сервера HTTP Методы PX в EM конвертер Горячие клавиши


HTML <form> Тег


Пример

HTML-форма с двумя полями ввода и одной кнопкой Submit:

<form action="/action_page.php" method="post">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit" value="Submit">
</form>

Попробуйте сами примеры ниже.

Пример

file action_page.php (Смотрите уроки по PHP)

<!DOCTYPE html>
<html>
<body>

<?php
$a=$_POST["FirstName"];
$b=$_POST["LastName"];
$a1=htmlentities($a);
$a2=htmlentities($b);
print $a1;
print "<br>";
print $a2;
?>

</body>
</html>

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

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

Элемент <form> может содержать один или несколько из следующих элементов формы:


Поддержка браузера

Элемент
<form> Да Да Да Да Да

Различия между HTML 4,01 и HTML5

В HTML5 Добавлено два новых атрибута: Автозаполнение и проверка, а также удаление атрибута Accept.



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

В XHTML атрибут name является устаревшим. Вместо этого используйте атрибут Global ID.


Атрибуты

= Новые в HTML5.

Атрибут Значение Описание
accept file_type Не поддерживается в HTML5.
Задает разделенный запятыми список типов файлов, принимаемых сервером (которые могут быть отправлены через загрузку файлов)
accept-charset character_set Задает кодировки символов, которые должны использоваться для отправки формы
action URL Указывает, куда отправлять форму-данные при отправке формы
autocomplete on
off
Указывает, должна ли форма иметь Автозаполнение
enctype application/x-www-form-urlencoded
multipart/form-data
text/plain
Указывает, как данные формы должны кодироваться при отправке на сервер (только для method="post")
method get
post
Указывает метод HTTP, используемый при отправке данных формы
name text Указывает имя формы
novalidate novalidate Specifies that the form should not be validated when submitted
target _blank
_self
_parent
_top
Указывает, где отображать ответ, полученный после отправки формы

Глобальные атрибуты

Тег <form> также поддерживает Глобальные атрибуты в HTML.


Атрибуты события

Тег <form> также поддерживает Атрибуты событий в HTML.


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

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

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


Похожие страницы

HTML Учебник: HTML Forms and Input

HTML DOM Ссылки: Form Object

CSS Учебник: Styling Forms


Параметры CSS по умолчанию

В большинстве обозревателей элемент <form> будет отображаться со следующими значениями по умолчанию:

Пример

form {
    display: block;
    margin-top: 0em;
}