Bienvenue à ce nouveau tuto 🙂 . Dans cette partie , nous allons apprendre comment créer des formulaires dans HTML.
accès rapide
- La démo
- Qu’est ce qu’un formulaire
- Syntaxe de création d’un formulaire
- Les attributs de la balise form
La démo
mettre ici la vidéo de la démonstration
Qu’est ce qu’un formulaire
Un formulaire HTML permet de rendre la page Web plus interactive car il fournit un espace sur la page HTML dans la quelle l’utilisateur peut saisir des données qui seront envoyées au serveur pour être traitées.
Un formulaire est composé d’un ou plusieurs éléments d’entrée qui seront englobés par la balise <form>
Syntaxe
Un formulaire contient un ou plusieurs éléments ( appelés des contrôles). Ces contrôles permettent de faire des saisies ou des choix.
Ci-dessous un exemple de déclaration d’un formulaire :
<form action="destination">………….</form>Avec
destination : Le nom du fichier ou du programme à appeler une fois l’utilisateur clique sur un bouton de validation.
Les attributs form :
L’attribut Name :
Cet attribut permet de donner un Nom à un formulaire :
ci-dessous un exemple d’utilisation de l’attribut name :
<form name="saisie">L’attribut action:
Cet attribut permet d’indiquer l’URL (de protocole : http, ftp, file, mailto,…) qui va recevoir les informations entrées dans le formulaire, lorsqu’on clique sur le bouton de validation.
L’URL est l’adresse d’un programme qui va récupérer les données et les traiter. Si l’attribut action est absent, l’URL sera celui du document.
ci-dessous un exemple d’utilisation de l’attribut action :
<Form name="F" action="test.php" >
<Form name="F" action="MAILTO: aaaa_bbbbb@ yahoo.fr" >
L’attribut Method :
•L’attribut METHOD permet d’indiquer la méthode de transmission des données saisies dans le formulaire.
Parmi les méthodes qu’on peut trouver dans un formulaires :
- La méthode GET, méthode par défaut, consiste à concaténer les données du formulaire à l’URL spécifié dans ACTION, après avoir inséré un point d’interrogation. Ces données sont incluses sous forme d’une liste nom-champ=valeur-champ.
- La méthode POST génère une requête HTTP spéciale qui envoie les données au serveur. Il est fortement recommandé d’utiliser la méthode POST.
<Form name="F" action="t.php" Method="post">
Dans cette partie , nous avons appris comment créer des formulaires dans HTML
Espérons bien que ce tuto vous a plu. Dans le tuto suivant , Nous allons commencer créer insérer des inputs basiques dans une formulaire HTML.