Balise de bouton HTML

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 .........

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.

Attribut Description
mise au point automatique Il 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é.
formulaire Il spécifie un ou plusieurs formulaires auxquels appartient le bouton.
formation Il 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 forme Il spécifie comment envoyer les données du formulaire.
type de forme Il spécifie comment les données du formulaire doivent être codées avant de les envoyer au serveur.
formulairenovalider Il précise que les données du formulaire ne doivent pas être validées lors de la soumission.
formulairecible Il précise où afficher la réponse après avoir soumis le formulaire.
nom Il précise le nom du bouton.
taper Il précise le type du bouton.
valeur Il précise la valeur du bouton.

Navigateurs pris en charge

Élément navigateur ChromeChrome cC'EST À DIRE navigateur FirefoxFirefox navigateur dOpéra navigateur safariSafari
Oui Oui Oui Oui Oui

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