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;
}