Comment puis-je empêcher les boutons HTML de soumettre des formulaires de manière inattendue ?

Empêcher les soumissions de formulaires de boutons

Dans certains scénarios, vous pouvez rencontrer une situation dans laquelle un bouton, tel que celui intitulé « supprimer », de manière inattendue soumet un formulaire. Pour résoudre ce problème, explorons la cause sous-jacente et une solution.

Comme mentionné dans le code fourni, les boutons HTML5 ont un comportement par défaut consistant à soumettre le formulaire conteneur. Ce comportement est défini dans la spécification du bouton HTML5 du W3C. Pour remplacer cette valeur par défaut et empêcher le bouton de soumettre le formulaire, vous devez spécifier explicitement son type à l'aide de l'attribut "type".

Dans le code modifié ci-dessous, le bouton "supprimer" a son type défini sur "bouton ":

<button type="button" onclick="removeItem(); return false;">Remove Last Item</button>

En spécifiant le type "bouton", le bouton conservera sa fonctionnalité sans déclencher la soumission du formulaire.

Alternativement, vous pouvez utiliser un élément alternatif tel qu'un <a> ou une balise <span> élément avec un gestionnaire d'événements de clic pour simuler le comportement du bouton sans hériter de l'action de soumission de formulaire par défaut.

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!