Comment puis-je empêcher un bouton de soumettre un formulaire HTML ?

Empêcher la soumission du formulaire lors du clic sur le bouton Supprimer

Dans le formulaire HTML fourni, le bouton « Supprimer » déclenche la soumission du formulaire lorsqu'on clique dessus. Pour éviter ce comportement, il est essentiel de comprendre que l'élément bouton HTML5 a un comportement par défaut de soumission du formulaire, tel que défini par la spécification W3C.

Pour remplacer ce comportement par défaut, spécifiez explicitement le type du bouton en tant que bouton. :

<button type="button">Remove Last Item</button>

En définissant l'attribut type sur "button", vous demandez au navigateur de traiter l'élément bouton comme un bouton qui lance du code JavaScript personnalisé (dans ce cas, l'élément fonction removeItem()) au lieu de soumettre le formulaire.

<script>
  function removeItem() {
    // Custom code to remove the last row
  }
</script>

Cette modification garantit que le bouton "supprimer" ne soumettra plus le formulaire lorsqu'il est cliqué, vous permettant d'effectuer d'autres actions, comme supprimer une ligne à partir d'une table ou de mise à jour de données dans une application, sans déclencher l'envoi de formulaire.

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!