7. Formulaires et entrées en HTML

7. Formulaires et entrées en HTML

Les formulaires constituent un élément essentiel de l'interaction d'un utilisateur avec une page Web. Ils permettent aux utilisateurs de saisir des données qui peuvent être envoyées à un serveur pour traitement. Les formulaires peuvent être utilisés pour des tâches telles que la recherche, la connexion, l'inscription, etc. Dans ce chapitre, nous verrons comment créer des formulaires et utiliser différents types d'entrée en HTML.

Formulaires HTML

Les formulaires HTML sont créés à l'aide de la balise <form>. Le <formulaire> agit comme un conteneur pour différents éléments de formulaire tels que les champs de saisie, les boutons, etc.

<form action="/submit" method="post">
  <!-- éléments de formulaire ici -->
</formulaire>

L'attribut 'action' dans le formulaire <form> Spécifie où les données du formulaire doivent être envoyées lorsque le formulaire est soumis. L'attribut 'method' spécifie comment les données du formulaire doivent être soumises. Les méthodes les plus courantes sont « get » et « post ».

Entrées en HTML

Les champs de saisie sont utilisés pour collecter les données utilisateur. Ils sont créés à l'aide de la balise <input>. Il existe de nombreux types différents de champs de saisie qui peuvent être utilisés, en fonction du type de données que vous souhaitez collecter.

Texte

Pour collecter une seule ligne de texte, vous pouvez utiliser le type de saisie « texte ».

<input type="text" name="firstname" id="firstname">

L'attribut 'name' est utilisé pour identifier le champ de saisie lorsque les données sont envoyées. L'attribut 'id' est utilisé pour identifier le champ de saisie en CSS et JavaScript.

Mot de passe

Pour collecter un mot de passe, vous pouvez utiliser le type de saisie « mot de passe ». Cela masque les caractères au fur et à mesure qu'ils sont saisis.

<input type="mot de passe" name="mot de passe" id="mot de passe">

E-mail

Pour collecter une adresse e-mail, vous pouvez utiliser le type de saisie « email ». Cela valide automatiquement le champ pour garantir qu'une adresse e-mail valide est saisie.

<input type="email" name="email" id="email">

Boutons

Les boutons sont utilisés pour soumettre le formulaire. Ils sont créés à l'aide du <bouton> ou le bouton <input> avec le type défini sur « soumettre ».

<type de bouton="soumettre">Soumettre</bouton>
<input type="soumettre" value="Soumettre">

Autres types de saisie

Il existe de nombreux autres types d'entrée que vous pouvez utiliser, notamment « radio », « case à cocher », « fichier », « date », « couleur » et bien plus encore. Chaque type a ses propres caractéristiques et utilisations spécifiques.

Conclusion

Les formulaires et les champs de saisie constituent un élément essentiel de la création de sites Web interactifs. Ils vous permettent de collecter des données utilisateur et de les envoyer à un serveur pour traitement. En comprenant comment utiliser différents types de champs de saisie, vous pouvez créer des formulaires plus efficaces et plus efficaces qui répondent aux besoins de vos utilisateurs.

Entraînez-vous à créer différents types de formulaires et à utiliser différents types de saisie. Expérimentez avec différents attributs et voyez comment ils affectent le comportement de votre formulaire. N'oubliez pas que la meilleure façon d'apprendre est de faire !

Page suivante de lebook gratuit :

43Introduction à CSS : sélecteurs, propriétés et valeurs

0 minutes