Элемент form - это фундаментальная конструкция HTML, предназначенная для сбора информации от пользователя и её последующей передачи на сервер. Без него было бы невозможно реализовать ни одну интерактивную форму входа или обратной связи!

Важно понимать: сам по себе тег form невидим для глаз и не содержит полей ввода. Он служит лишь «контейнером», внутрь которого мы помещаем элементы управления, такие как:

Кроме стандартных полей, в тело формы можно свободно добавлять любые другие HTML-теги. По умолчанию браузер не рисует никаких границ или рамок вокруг формы - видны только её содержимое. Но, благодаря CSS, вы можете превратить её в стильный и привлекательный блок, полностью соответствующий дизайну вашего сайта.

accept-charset:

Определяет кодировку символов (или список кодировок через пробел), в которой данные будут отправлены на сервер. Если встретятся символы, не поддерживаемые указанной кодировкой, браузер попытается подобрать подходящий вариант автоматически. Если это невозможно, символы могут быть закодированы в . По умолчанию используется значение «UNKNOWN», что означает: использовать ту же кодировку, что и у самого HTML-документа.

action:

Указывает URL (адрес), куда будут отправлены данные после нажатия кнопки отправки. Это «назначение» вашей формы.

autocomplete:

Управляет функцией автозаполнения. Если включена, браузер будет автоматически подставлять значения, которые пользователь уже вводил ранее в этой форме - очень удобно для постоянных клиентов! Возможные значения:

• on: автозаполнение активно (значение по умолчанию).
• off: браузер не подставляет старые данные, пользователь заполняет поля заново каждый раз.

Обратите внимание: данный атрибут не поддерживается в браузере Opera.

enctype:

Задаёт способ кодирования данных при отправке. Работает только вместе с методом method="post". Варианты:

• application/x-www-form-urlencoded: стандартный вариант. Все пробелы заменяются на «+», а спецсимволы кодируются в HEX-формат.
• multipart/form-data: данные не кодируются. Обязательно для загрузки файлов (input type="file").
• text/plain: пробелы заменяются на «+», но спецсимволы остаются без изменений.

method:

Определяет HTTP-метод отправки данных. От этого зависит, как именно данные будут доставлены серверу:

• get: параметры добавляются к URL через знак «?» и разделяются амперсандом «&». Подходит для коротких запросов (например, поиск).
• post: данные передаются в теле запроса. Это безопаснее и лучше подходит для отправки больших объёмов информации или чувствительных данных.

Если атрибут не указан, браузер автоматически выберет метод GET.

name:

Присваивает форме уникальное имя. Это имя можно использовать в JavaScript для обращения к форме или её полям. В одном документе имена форм должны быть разными, а значение не может быть пустым.

novalidate:

Отключает встроенную браузерную проверку данных перед отправкой. Полезно, если вы хотите реализовать собственную валидацию на стороне клиента или сервера. Примеры использования:

  
Важно: атрибут не работает в IE9 и более старых версиях, а также в Safari.
 

target:

Определяет, где отобразится результат отправки формы (ответ сервера). Варианты:

• _blank: открыть в новой вкладке или окне.
• _self: открыть в текущей вкладке (значение по умолчанию).
• _parent: открыть в родительском фрейме.
• _top: открыть во всём окне браузера, игнорируя фреймы.
• имя_фрейма: открыть в конкретном iframe с указанным именем.

Кроме перечисленных выше, тег form поддерживает и другие стандартные HTML-атрибуты.

  Фамилия: