Comment puis-je styliser des boutons sans soumettre de formulaires par accident ?

Styler les boutons sans soumettre de formulaires

Lorsque vous travaillez avec des formulaires, il est important de contrôler la fonctionnalité des boutons. Un problème courant est la soumission accidentelle d'un formulaire alors que vous avez l'intention d'effectuer une action différente.

Considérez un scénario avec un formulaire contenant deux boutons :

<a href="index.html"><button>Cancel changes</button></a>
<button type="submit">Submit</button>

Par défaut, le premier bouton soumet le formulaire même s’il est conçu comme un simple lien. Pour éviter ce comportement sans recourir à JavaScript, vous pouvez modifier l'attribut type du bouton :

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

Définir le type sur "bouton" garantit que l'élément ne déclenche aucune action spéciale et ne soumet pas le formulaire. La norme HTML décrit de manière concise l'élément bouton de type « bouton » comme ne faisant « rien ».

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!