La balise <button> crée des boutons cliquables sur les pages web. Elle permet aux utilisateurs d’interagir avec la page en déclenchant des actions telles que la soumission d’un formulaire ou l’exécution de code JavaScript. Bien que nous n’abordions pas JavaScript dans ce cours, il est important de savoir que cette possibilité existe.

Types de boutons

• Bouton standard (<button type="button">) : Bouton polyvalent utilisé pour diverses actions sur la page, comme déclencher des fonctions JavaScript ou naviguer vers une autre page ;
• Bouton de soumission (<button type="submit">) : Utilisé dans un formulaire pour envoyer les données du formulaire à un serveur ;
• Bouton de réinitialisation (<button type="reset">) : Utilisé dans un formulaire pour réinitialiser les champs du formulaire à leurs valeurs par défaut.

Exemple :

Dans l'exemple ci-dessus :

• Le premier bouton est un bouton standard avec un attribut onclick qui déclenche une alerte lorsqu'il est cliqué ;
• Le deuxième bouton est un bouton de soumission qui envoie les données du formulaire au serveur ;
• Le troisième bouton est un bouton de réinitialisation qui remet les champs du formulaire à leurs valeurs par défaut.