Атрибут form

Атрибут form связывает элемент формы с тегом form.

Это нужно в том случае, когда элемент формы лежит вне тега form, но должен быть отправлен на сервер вместе с содержимым этого тега form.

К примеру, у вас есть кнопка submit, но по дизайну она находится совсем в другом месте страницы. В этом случае атрибут form решит проблему: кнопке задаем этот атрибут, указывая в нем значение атрибута id от нужного тега form. После данных манипуляций кнопка станет отправлять привязанную форму.

Можно привязывать не только кнопки, но и любые другие элементы формы.

Пример

В следующем примере кнопка находится вне поля, но связана с ним через атрибут form:

<input type="submit" form="test"> <form id="test"> <input type="text" name="age"> </form>

: