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.