Comment éviter qu'un bouton envoie un formulaire HTML

Si vous placez un bouton dans un formulaire HTML le comportement par défaut est que lorsqu'on clique sur le bouton le formulaire est envoyé.

<form>
   <button>Cliquer ici pour envoyer le formulaire</button>
</form>

Un clic sur le bouton entraine l'envoi du formulaire. C'est presque équivalent à :

<input type="submit" value="Cliquer ici pour envoyer le formulaire">

Maintenant on peut avoir besoin d'un bouton qui se trouve à l'intérieur d'un formulaire mais qui ne doit pas envoyer le formulaire (il peut déclencher un action en javascript par exemple).

Il suffit dans ce cas d'ajouter un attribut type="button":

<form>
   <button type="button">Cliquer ici sans rien envoyer</button>
</form>