HTML — Boutons

Un bouton déclenche une action. Dans un formulaire, il sert généralement à l’envoyer. L’attribut type précise s’il envoie le formulaire, rétablit les valeurs initiales ou attend l’intervention d’un script.

Un bouton déclenche une action dans la page ou le formulaire, tandis qu’un lien mène à une ressource. Respecter cette distinction rend la navigation au clavier, le menu contextuel et l’historique prévisibles. Dans un formulaire, le type par défaut d’un bouton est submit : oublier type peut donc provoquer un envoi involontaire.

Choisir explicitement submit, reset ou button

type=submit envoie le formulaire. type=reset rétablit les valeurs initiales et peut facilement être activé par erreur ; ne proposez cette action que si elle est utile et nommez-la clairement. type=button ne fait rien tant qu’un script ne le prend pas en charge : il convient aux actions dans la page. Préférez l’élément button à input type=submit lorsque son libellé doit contenir du texte à mettre en forme ou une précision, comme la taille d’un fichier.

<form action="/feedback" method="post">
  <label for="comment">Commentaire</label>
  <textarea id="comment" name="comment"></textarea>
  <button type="submit">Envoyer un avis</button>
  <button type="button">Enregistrer le brouillon</button>
</form>

• Utilisez a pour naviguer et button pour déclencher une action.