Comment créer des boutons Soumettre et Réinitialiser en HTML5 - mannequins

Vidéo: Building Dynamic Web Apps with Laravel by Eric Ouyang 2025

Les boutons Envoyer et Réinitialiser aident l'utilisateur à indiquer au navigateur ce qu'il doit faire avec un formulaire sur votre site Web. Vous pouvez utiliser le HTML pour créer des boutons pour soumettre ou réinitialiser votre formulaire, en utilisant l'élément avec les attributs de type et de valeur suivants:

Soumettre: Les visiteurs doivent indiquer à un navigateur qu'ils ont terminé pour envoyer le contenu. Vous créez un bouton pour soumettre le formulaire en utilisant le balisage suivant:
Vous n'utilisez pas l'attribut name pour les boutons Submit et Reset. Au lieu de cela, vous utilisez l'attribut value pour spécifier comment le navigateur nomme les boutons pour l'affichage.
Réinitialiser: Les visiteurs doivent effacer le formulaire s'ils veulent tout recommencer ou décider de ne pas le remplir. Vous créez un bouton pour réinitialiser (effacer) le formulaire en utilisant le balisage suivant:

Vous pouvez définir la valeur de tout ce que vous voulez voir apparaître sur le bouton. Dans notre exemple, nous définissons la nôtre à Effacer. Bien sûr, vous pouvez utiliser quelque chose de plus approprié à votre site Web si vous le souhaitez.

Cette liste affiche un exemple de balisage pour créer des boutons Soumettre et Réinitialiser nommés respectivement Envoyer et Effacer. C'est la liste pour un formulaire complet en plusieurs parties.

Balisage de formulaire de base h1 {background-color: silver; la couleur noire; taille de police: 1. 2em; font-family: Arial, Verdana, sans-serif;} hr {couleur: bleu; largeur: épaisseur;} corps {font-size: 12pt; couleur marron; famille de polices: Tahoma, Bodoni, sans-serif; line-height: 0. 8em;}

Formulaire en plusieurs parties







Nom et mot de passe
Prénom:
Nom:
Mot de passe:

Aliments favoris
Quels sont certains de vos aliments préférés?
Pizza
Glace
Oeufs verts et jambon

Information sur le genre
Quel est votre sexe?
Homme
Femme