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

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

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

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

Примеры

Пример

В данном примере демонстрируется работа с атрибутом form:

<!-- Кнопка находится вне поля, но связана с ним через атрибут form:-->
<input type="submit" form="test">
<form id="test">
	<input type="text" name="age" placeholder="Ваш возраст.">
</form>