Тег <form> используется для создания HTML форм для ввода пользовательских данных.
Элемент <form> может содержать один или несколько следующих элементов:
- <input>
- <textarea>
- <button>
- <select>
- <option>
- <optgroup>
- <fieldset>
- <label>
Разница между HTML 4.01 и HTML5
В HTML5 тегу <fieldset> добавлены два новых атрибута: autocomplete и novalidate, а также больше не поддерживается атрибут accept.
Различия между HTML и XHTML
В XHTML атрибут name запрещен. Вместо него используется общий атрибут id.
| Атрибут | Описание |
|---|---|
| accept | Определяет тип файлов, которые принимает сервер |
| accept-charset | Определяет кодировку символов, в которой данные формы отправляются на сервер |
| action | Определяет адрес скрипта, который будет обрабатывать данные формы |
| autocomplete | Включает/отключает автозаполнение элемента |
| enctype | Определяет способ кодировки отправляемых на сервер данных формы |
| method | Определяет метод отправки на сервер данных формы |
| name | Определяет имя HTML формы |
| novalidate | Отключает встроенную проверку корректности введенных данных формы |
| target | Определяет, куда загружать ответ сервера после отправки данных формы |
Общие атрибуты
Тег <form> поддерживает общие атрибуты и атрибуты-события.
CSS стили по умолчанию
Большинство браузеров будут отображать тег <form> со следующими стилями
form {
display: block;
margin-top: 0em;
}
HTML пример использования
HTML форма с двумя полями ввода и кнопкой отправки данных на сервер:
<form action='demo_form.asp' method="get">
Имя: <input type="text" name="fname"><br>
Фамилия: <input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>
