Site icon Régis Enguehard

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.

Quitter la version mobile