form

Обновлено: 20.09.2022

<form>

Элемент <form> (от англ. form — форма) устанавливает форму на веб-странице. Форма предназначена для обмена данными между пользователем и сервером. Область применения форм не ограничена отправкой данных на сервер, с помощью клиентских скриптов можно получить доступ к любому элементу формы, изменять его и применять по своему усмотрению.

Документ может содержать любое количество форм, но одновременно на сервер может быть отправлена только одна форма. По этой причине данные форм должны быть независимы друг от друга.

Для отправки формы на сервер используется кнопка Submit, того же можно добиться, если нажать клавишу Enter в пределах формы. Если кнопка Submit отсутствует в форме, клавиша Enter имитирует её использование.

Когда форма отправляется на сервер, управление данными передаётся программе, заданной атрибутом action элемента <form>. Предварительно браузер подготавливает информацию в виде пары «имя=значение», где имя определяется атрибутом name элемента <input>, а значение введено пользователем или установлено в поле формы по умолчанию. Если для отправки данных используется метод GET, то адресная строка может принимать следующий вид.

http://www.website.com/handler...

Параметры перечисляются после вопросительного знака, указанного после адреса серверной программы и разделяются между собой символом амперсанда (&). Русские буквы преобразуются в шестнадцатеричное представление (в форме %HH, где HH — шестнадцатеричный код для значения ASCII-символа), пробел заменяется на плюс (+).

Допускается внутрь контейнера <form> помещать другие элементы, при этом сама форма никак не отображается на веб-странице, видны только элементы внутри неё.

Синтаксис

<form>
...
</form>

Закрывающий тег

Обязателен.

Атрибуты

  • Атрибут action

    Атрибут action

    Адрес программы или документа, который обрабатывает данные формы.

  • Атрибут accept-charset

    Атрибут accept-charset

    Устанавливает кодировку, в которой сервер может принимать и обрабатывать данные.

  • Атрибут autocomplete

    Атрибут autocomplete
    HTML5

    Включает автозаполнение полей формы.

  • Атрибут enctype

    Атрибут enctype

    Способ кодирования данных формы.

  • Атрибут method

    Атрибут method

    Метод протокола HTTP.

  • Атрибут name

    Атрибут name

    Имя формы.

  • Атрибут novalidate

    Атрибут novalidate
    HTML5

    Отменяет встроенную проверку данных формы на корректность ввода.

  • Атрибут target

    Атрибут target

    Имя окна или фрейма, куда обработчик будет загружать возвращаемый результат.

Также для этого элемента доступны универсальные атрибуты и события.

Пример

Браузеры

form

Посмотреть совместимость на Can I use?

form