Формы

Атрибут Описание
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>

Результат:

1-я группа: Первое поле:

Второе поле:


2-я группа: Третье поле:

Четвертое поле: