пример
HTML форма с двумя полями ввода и одной кнопки отправки:
<form
action="demo_form.asp"
method="get">
First name: <input type="text" name="fname"><br>
Last name:
<input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>
Попробуй сам " Больше "Попробуйте сами" примеры ниже.
Определение и использование
<form> тег используется для создания формы HTML для ввода данных пользователем.
<form> элемент может содержать один или несколько из следующих элементов формы:
Поддержка браузеров
| Элемент | |||||
|---|---|---|---|---|---|
| <form> | да | да | да | да | да |
Отличия между HTML 4.01 и HTML5
HTML5 добавил две новые атрибуты: autocomplete и novalidate , и removed с accept атрибут.
Отличия между HTML и XHTML
В XHTML, то name атрибута является устаревшим. Вместо этого используйте глобальный идентификатор атрибута.
Атрибуты
= Новое в 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 | Указывает, что форма не должна быть подтверждена при представлении |
| target | _blank _self _parent _top | Определяет, где отображать ответ, полученный после отправки формы |
Глобальные атрибуты
<form> тег также поддерживает Глобальные атрибуты в HTML .
Атрибуты событий
<form> тег также поддерживает Атрибуты событий в HTML .
Попробуйте сами - Примеры
Форма с флажками
Форма с двумя флажками, и кнопку отправки.
Форма с радиокнопок
Форма с двумя кнопками радио, и кнопку отправки.
Похожие страницы
Учебник HTML: HTML - формы и ввода
HTML DOM ссылка: Форма объекта
Учебник CSS: Стилизация Формы
Настройки по умолчанию CSS
Большинство браузеров отобразит <form> элемент со следующими значениями по умолчанию: