En utilisant le HTML pour remplir des formulaires - les formulaires

Les formulaires vous permettent de capturer les entrées des visiteurs de votre site Web. La capture des entrées des visiteurs vous permet de modifier le contenu existant sur la page. Par exemple, les filtres de prix et de date sur les sites Web des compagnies aériennes permettent de trouver plus rapidement un vol souhaité. Vous pouvez également stocker l'entrée pour une utilisation ultérieure.

Par exemple, un site Web peut utiliser un formulaire d'inscription pour recueillir vos informations de courrier électronique, de nom d'utilisateur et de mot de passe afin de vous permettre d'y accéder à une date ultérieure.

Comprendre le fonctionnement des formulaires

Les formulaires transmettent les informations saisies par un utilisateur à un serveur à l'aide du processus suivant:

1. Le navigateur affiche un formulaire sur l'ordinateur client.

2. L'utilisateur remplit le formulaire et appuie sur le bouton Envoyer.

3. Le navigateur envoie les données collectées depuis le formulaire à un serveur.

4. Le serveur traite et stocke les données et envoie une réponse à l'ordinateur client.

5. Le navigateur affiche la réponse, indiquant généralement si la soumission a réussi.

Pour l'instant, tout ce que vous devez savoir, c'est que les langages de programmation côté serveur tels que Python, PHP et Ruby sont utilisés pour écrire des scripts qui reçoivent et stockent des soumissions de formulaires.

Les formulaires sont très flexibles et peuvent enregistrer une variété d'entrées utilisateur. Les champs de saisie utilisés dans les formulaires peuvent inclure des champs de texte gratuits, des boutons radio, des cases à cocher, des menus déroulants, des curseurs de plage, des dates, des numéros de téléphone, etc. De plus, les champs de saisie peuvent être définis sur les valeurs par défaut initiales sans aucune intervention de l'utilisateur.

Attributs de formulaire sélectionnés

Nom d'attribut	Valeurs possibles	Description
type	case à cocher email soumettre texte mot de passe radio (une liste complète de valeurs a été omise ici par souci de concision)	Définit le type de champ de saisie à afficher dans le formulaire. Pour l'exemple , le texte est utilisé pour les champs de texte libre, et submit est utilisé pour créer un bouton de soumission.
valeur	texte	Valeur initiale du contrôle d'entrée.

Création de formulaires de base

Vous créez un formulaire de base avec

1. Définition d'un formulaire avec l'élément de formulaire.

   Commencez par ajouter une balise d'ouverture et une balise de fermeture.

2. En utilisant l'attribut action, spécifiez dans l'élément de formulaire où envoyer les données de formulaire.

   Ajoutez un attribut d'action à votre balise d'ouverture et définissez-le comme l'URL d'un script qui traitera et stockera l'entrée de l'utilisateur.

3. À l'aide de l'attribut method, spécifiez dans l'élément de formulaire comment envoyer des données de formulaire.

   Ajoutez un attribut de méthode à votre balise d'ouverture et réglez-le sur POST.

   L'attribut method est égal à GET ou POST. En général, le POST est utilisé pour stocker des informations sensibles (comme les numéros de cartes de crédit), tandis que GET permet aux utilisateurs de mettre en signet ou de partager avec d'autres les résultats d'un formulaire soumis (par exemple, listes de vols).

4. Fournir aux utilisateurs un moyen de saisir et de soumettre des réponses avec l'élément d'entrée.

   Entre les balises d'ouverture et de fermeture, créez une balise.

   Votre formulaire n'aura qu'une seule balise d'ouverture et de fermeture; Cependant, vous aurez au moins deux étiquettes pour collecter et soumettre des données utilisateur.

5. Spécifiez les types d'entrée à l'aide de l'attribut type dans l'élément d'entrée.

   Pour cet exemple, définissez l'attribut type égal à "text".

   La balise n'a pas de balise de fermeture, ce qui constitue une exception à la règle "Fermer chaque balise que vous ouvrez". Ces étiquettes sont appelées étiquettes à fermeture automatique.

6. Enfin, créez une autre balise et définissez l'attribut type sur submit.

L'exemple de code suivant montre la syntaxe pour créer le formulaire affiché.

L'attribut action de ce formulaire est égal à mailto, qui signale au navigateur d'envoyer un courrier électronique en utilisant votre client de messagerie par défaut (comme Outlook ou Gmail). Si votre navigateur n'est pas configuré pour gérer les liens de courrier électronique, ce formulaire ne fonctionnera pas. Habituellement, les formulaires sont soumis à un serveur pour traiter et stocker le contenu du formulaire, mais dans cet exemple, le contenu est soumis à l'application de courrier électronique de l'utilisateur.