Comment un bouton peut-il empêcher la soumission involontaire d'un formulaire ?

Un Évitez de soumettre un formulaire ?

Lors de l'utilisation de boutons dans un formulaire, il est courant de rencontrer un problème où le bouton « Annuler les modifications » soumet involontairement le formulaire. Pour résoudre ce problème, le widget de boutons de jQuery UI peut être utilisé pour styliser les boutons. Cependant, par défaut, tous les éléments de bouton agissent comme des boutons de soumission dans un formulaire.

Pour éviter que le bouton Annuler ne déclenche la soumission du formulaire, il est crucial de spécifier l'attribut type comme "bouton":

<button type="button">Cancel changes</button>

Cela indiquera au navigateur que ce bouton est destiné à des actions autres que la soumission de formulaire, telles que les boîtes de dialogue modales ou la gestion d'événements personnalisés.

Comme mentionné dans la norme HTML, un élément bouton avec type="button" n'effectue aucune action spécifique. Il est principalement utilisé pour contrôler le comportement personnalisé à l'aide de gestionnaires d'événements, ce qui le rend idéal pour les boutons d'annulation ou d'autres actions de non-soumission dans un 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!