Trois types de bouton HTML

Un bouton est considéré comme l'un des éléments les plus importants d'une page Web car il vous permet de prendre des mesures après avoir inséré vos données. HTML fournit trois types de boutons différents. Dans cet article, nous vous guiderons à travers l'utilisation ainsi que la mise en œuvre des trois types de boutons en HTML.

Quels sont les trois types de boutons en HTML?

Les boutons utilisés dans HTML sont largement classés en trois catégories différentes. Les trois types de boutons HTML sont discutés ci-dessous:

• Le bouton Soumettre- Ce bouton est utilisé pour soumettre les données actuelles entrées dans un formulaire Web.
• Le bouton de réinitialisation- Ce bouton est utilisé pour réinitialiser toutes les données actuellement entrées dans un formulaire Web.
• Le bouton Clickable simple- Il s'agit d'un bouton HTML simple qui est utilisé pour déclencher tout événement associé.

Comment utiliser les trois types de boutons en HTML?

Pour utiliser les trois types de boutons dans HTML, nous avons créé le script HTML suivant:

Dans cet exemple, nous avons créé deux champs d'entrée de texte pour collecter le prénom et le nom de famille des utilisateurs. Ensuite, nous avons fourni trois boutons différents dans ce script HTML. Le premier bouton sera utilisé pour soumettre le premier et le nom entré entré. Le deuxième bouton sera utilisé pour réinitialiser l'entrée saisie. Et le dernier bouton sera utilisé pour déclencher un événement associé. Cependant, dans ce script HTML, nous nous sommes limités à la création de ces boutons à cause de laquelle nous n'avons défini aucun déclencheur associé.

La page Web indiquée dans l'image ci-dessous est apparue sur notre navigateur lorsque nous avons exécuté le script HTML mentionné ci-dessus. Cette page Web affiche les trois types de boutons en HTML.

Conclusion

Ce tutoriel était destiné à transmettre l'utilisation des trois types de boutons en HTML. Pour ce faire, nous vous avons brièvement appris le but des trois types de boutons suivis d'un script HTML qui a implémenté tous ces boutons. Une fois que vous aurez appris la création de boutons en HTML, vous pouvez facilement associer ce script avec PHP ou JavaScript pour effectuer certaines actions une fois ces boutons cliqués.