Comment empêcher un bouton de soumettre un formulaire en HTML ?

Boutonnage : empêcher la soumission d'un formulaire

Dans le domaine des formulaires HTML, un bouton en herbe est confronté à une énigme inattendue : malgré sa nature inoffensive, il déclenche la soumission d'un formulaire lorsqu'on clique dessus . Ce comportement peut sembler contre-intuitif, surtout si l'on considère son objectif d'invoquer des fonctions JavaScript personnalisées.

Pour résoudre ce problème, HTML introduit le concept de l'attribut "type" pour les boutons. Par défaut, les boutons prennent le type « soumettre », provoquant la soumission du formulaire lors de l'activation. Pour remédier à ce problème, les développeurs doivent explicitement définir le type du bouton sur « bouton » comme suit :

<button type="button">My Button</button>

Cette désignation garantit que le bouton se comporte comme un pur bouton, dépourvu de capacités de soumission de formulaire.

Racines historiques

Avant l'avènement de l'attribut "type", les navigateurs traitaient les boutons comme des éléments intrinsèquement soumis. Ce comportement provenait du mécanisme de soumission de formulaire original, qui reposait sur la présence d'un bouton de soumission explicite. Par conséquent, pour maintenir la compatibilité ascendante, le comportement par défaut du bouton est resté celui de la soumission.

Mise à jour des normes

Le HTML Living Standard, ainsi que la spécification HTML 5, ont codifié la valeur manquante et la valeur non valide par défaut pour l'élément bouton sont l'état "Bouton Soumettre". Cette spécification souligne en outre l'importance d'utiliser l'attribut « type » pour définir explicitement la fonctionnalité prévue du bouton.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!