Атрибут | Описание |
---|---|
accept-charset |
Устанавливает кодировку, в которой сервер может принимать и обрабатывать данные. |
action |
Указывает адрес, куда надо отправлять данные формы при ее отправке |
autocomplete |
Включает автозаполнение полей формы. |
enctype |
Указывает способ кодирования данных формы при отправке на сервер (только для method = "post") |
method |
Метод протокола HTTP (POST или GET) |
name |
Имя формы |
novalidate |
Отменяет встроенную проверку данных формы на корректность ввода. |
target |
Имя окна или фрейма, куда обработчик будет загружать возвращаемый результат. |
Для группировки элементов управления и отправки данных, HTML использует элемент формы для инкапсуляции элементов. Эти формы обрабатывают на странице событие отправки данных. В этом разделе объясняется и демонстрируется использование форм HTML.
Атрибут action
указывает обработчик, к которому обращаются данные формы при их отправке на сервер. В качестве обработчика может выступать CGI-программа или HTML-документ, который включает в себя серверные сценарии . Если атрибут action отсутствует, то форма отправиться в этот же файл.
<form action="action.php">
Атрибут method
используется для указания HTTP-метода отправки формы, который принимает значения GET
либо POST
<form action="action.php" method="get">
<form action="action.php" method="post">
Метод GET
в основном используется для получения данных, например, для получения сообщения по его идентификатору или имени, либо для отправки поискового запроса. Метод GET добавляет данные формы к URL-адресу, указанному в атрибуте action
.
www.example.com/action.php?firstname=Mickey&lastname=Mouse
Метод POST
используется при отправке данных в скрипт. Метод POST
не добавляет данные формы к URL-адресу, а отправляет его с использованием тела запроса.
Чтобы правильно отправить данные из формы, необходимо указать атрибута id
.
<input type="text" id="lastname" value="Mouse">
```<input type="text" id="lastname" value="Mouse">
### Другие атрибуты
```html
<form action="action.php" method="post" target="_blank" accept-charset="UTF-8"
enctype="application/x-www-form-urlencoded" autocomplete="off" novalidate>
<!-- form elements -->
</form>
Атрибут target
указывает имя или ключевое слово, которое указывает, где отобразить ответ (например, вкладка, окно или встроенный фрейм).
<form target="имя iframe">...</form>
Значение | Описание |
---|---|
_blank |
Загружает ответ в новое окно или вкладку браузера |
_self |
Ответ отображается в том же фрейме (по умолчанию) |
_parent |
Ответ отображается в родительском фрейме |
_top |
Ответ отображается в полном окне браузера |
"имя фрейма" | Ответ отображается в указанном iframe |
Атрибут target
был устаревшим в HTML 4.01, но он поддерживается в HTML5. Элементы frame
и frameset
не поддерживаются в HTML5, поэтому значения _parent
, _top
и "имя фрейма" теперь в основном используются с iframe
.
Изображения и другие файлы могут быть загружены/отправлены на сервер. Установив атрибут формы enctype="multipart/form-data"
, указывает, как данные формы будут закодированы при отправке на сервер.
<form method="post" enctype="multipart/form-data" action="upload.php">
<input type="file" name="pic" />
<input type="submit" value="Upload" />
</form>
При разработке формы вы можете группировать несколько полей в группу, чтобы организовать макет формы.
Это можно сделать, используя тег <fieldset>
.
Для каждой такой группы вы можете установить легенду.
<form>
<fieldset>
<legend>1-я группа:</legend>
Первое поле:<br>
<input type="text"><br>
Второе поле:<br>
<input type="text"><br>
</fieldset><br>
<fieldset>
<legend>2-я группа:</legend>
Третье поле:<br>
<input type="text"><br>
Четвертое поле:<br>
<input type="text"><br>
</fieldset><br>
<input type="submit" value="Отправить">
</form>
Результат: