logo

Balise de bouton HTML

La balise est utilisée pour créer un bouton cliquable dans le formulaire HTML de votre page Web. Vous pouvez mettre du contenu comme du texte ou une image dans la balise .........

âge de Vicky Kaushal

Vous devez toujours spécifier l'attribut type pour une balise. Différents navigateurs utilisent un type par défaut différent pour l'élément bouton.

La balise HTML Button peut être utilisée à l’intérieur et à l’extérieur du formulaire.

Si vous l'utilisez à l'intérieur du formulaire , cela fonctionne comme le bouton de soumission. Vous pouvez également l'utiliser comme bouton de réinitialisation.

Si vous l'utilisez en dehors du formulaire , vous pouvez appeler la fonction JavaScript dessus.


Exemple de balise de bouton HTML

Voyons le code pour afficher le bouton.

 Click Here 
Testez-le maintenant

Sortir:

Cliquez ici

Exemple de bouton HTML : appel d'une fonction JavaScript

Voyons le code pour appeler la fonction JavaScript en cliquant sur le bouton.

 Click Here function hello(){ alert('hello javatpoint user'); } 
Testez-le maintenant

Sortir:

Cliquez ici

Exemple de bouton HTML : Envoyer le formulaire

Voyons le code pour soumettre le formulaire en cliquant sur le bouton.

 Enter Name: <br> Submit 
Testez-le maintenant

Sortir:

Entrez le nom:
Soumettre

Exemple de bouton HTML : Réinitialiser le formulaire

Voyons le code pour soumettre le formulaire en cliquant sur le bouton.

 Enter Name: <br> reset 
Testez-le maintenant

Sortir:

Entrez le nom:
Réinitialiser

Attributs de la balise de bouton HTML

La balise prend en charge tous les attributs globaux et certains attributs supplémentaires spécifiques.

Une liste d'attributs de balises de bouton HTML est fournie.

AttributDescription
mise au point automatiqueIl précise qu'un bouton doit automatiquement obtenir le focus lors du chargement de la page.
désactivéIl précise qu'un bouton doit être désactivé.
formulaireIl spécifie un ou plusieurs formulaires auxquels appartient le bouton.
formationIl est utilisé pour le type de soumission. Il spécifie où envoyer les données du formulaire lorsque le formulaire est soumis.
méthode de formeIl spécifie comment envoyer les données du formulaire.
type de formeIl spécifie comment les données du formulaire doivent être codées avant de les envoyer au serveur.
formulairenovaliderIl précise que les données du formulaire ne doivent pas être validées lors de la soumission.
formulairecibleIl précise où afficher la réponse après avoir soumis le formulaire.
nomIl précise le nom du bouton.
taperIl précise le type du bouton.
valeurIl précise la valeur du bouton.

Navigateurs pris en charge

Élément navigateur ChromeChrome c'est à dire le navigateurC'EST À DIRE navigateur FirefoxFirefox navigateur d'opéraOpéra navigateur safariSafari
OuiOuiOuiOuiOui

La balise de bouton HTML prend également en charge les attributs globaux et d'événement en HTML.