La balise <form> HTML

1. Description de la balise <form>

La balise <form> est une balise HTML utilisée pour créer un formulaire interactif sur une page web. Les formulaires sont couramment utilisés pour collecter des informations auprès des utilisateurs, comme des commentaires, des données de contact, des informations de paiement, etc. La balise <form> définit la structure et le comportement de ce formulaire.

2. Syntaxe et usage de la balise <form>

La syntaxe générale de la balise <form> en HTML est la suivante :

Voici une description des éléments clés de cette syntaxe :

  1. name : nom du formulaire. Cela peut être utile lorsqu'il y a plusieurs formulaires sur la même page ou pour référencer le formulaire en JavaScript.
  2. <form> : C'est la balise d'ouverture qui indique le début du formulaire.
  3. action : Cet attribut spécifie l'URL vers laquelle les données du formulaire seront envoyées pour traitement une fois que l'utilisateur soumettra le formulaire. C'est un attribut obligatoire.
  4. method : Cet attribut définit la méthode HTTP à utiliser pour envoyer les données. Les deux méthodes courantes sont "GET" et "POST". La méthode "GET" ajoute les données du formulaire à l'URL en tant que paramètres de requête, tandis que la méthode "POST" envoie les données dans le corps de la requête HTTP. Le choix de la méthode dépend du type de données que vous envoyez et de l'utilisation prévue du formulaire. C'est également un attribut obligatoire.
  5. Les éléments de formulaire : À l'intérieur de la balise <form>, vous pouvez inclure tous les éléments de formulaire nécessaires, tels que des champs de texte, des zones de texte, des cases à cocher, des boutons radio, des listes déroulantes, etc. Ces éléments permettent aux utilisateurs d'interagir avec le formulaire en saisissant des données ou en faisant des sélections.
  6. Bouton de soumission : Vous devrez généralement inclure un bouton de soumission (généralement <input type="submit"> ou <button type="submit">) à l'intérieur de la balise <form>. Lorsque l'utilisateur clique sur ce bouton, les données du formulaire sont soumises au serveur.
  7. </form> : C'est la balise de fermeture qui indique la fin du formulaire.




3. Exemples d'usages de la balise <form>

Exemple complet d'une balise <form>

Explication:
<form> : Début du formulaire
<input type="email"> : Crée un champ de saisie de l'adresse email
<input type="submit" ... : Créer un bouton d'envoie du formulaire
"traitement.php" : les données seront envoyées au script "traitement.php" en utilisant la méthode POST.
un formulaire est créé avec deux champs de texte pour le nom et l'e-mail, et un bouton de soumission. Lorsque l'utilisateur
</form> : Balise de fermeture qui marque la fin du formulaire:

 

 

 

Younes Derfoufi
CRMEF OUJDA

1 thought on “La balise <form> HTML

Leave a Reply