Soumettre un formulaire Web avec un bouton en dehors de la balise form

Après quelques listes d’attributs sur les formulaires web, la soumission d’un formulaire en dehors de la balise <form> est une fonctionnalité qui existe nativement.

Il suffit de faire correspondre l’identifiant (id) du formulaire avec l’attribut form de la balise de soumission.

<form id="user-subscribe" action="/inscription" method="post">
	<label for="name">Nom</label>
	<input id="name" name="name" type="text">

	<label for="email">Courriel</label>
	<input id="email" name="email" type="email">

	<!-- … -->
</form>

<!-- Ailleurs dans la page -->
<button form="user-subscribe" type="submit">Enregistrer</button>

<!-- Ou encore -->
<input form="user-subscribe" type="submit" value="Valider">

Plus d’informations sur MDN.