communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > le corps du texte

Formulaires HTML et zones de saisie de texte

黄舟
Libérer： 2016-12-22 14:41:26
original
3010 Les gens l'ont consulté

Les formulaires HTML sont utilisés pour collecter différents types d'informations saisies par les utilisateurs.

1) Exemple

Champ de texte
Cet exemple montre comment créer un champ de texte dans une page HTML. L'utilisateur peut saisir du texte dans le champ de texte.

Boîte de mot de passe
Cet exemple montre comment créer une zone de saisie de mot de passe dans une page HTML.

(D'autres exemples sont fournis plus loin dans cet article)

2) Formulaire

Un formulaire est un champ de formulaire qui contient divers éléments au sein du formulaire.

Les éléments de formulaire dans les champs du formulaire permettent aux utilisateurs de saisir des informations pertinentes (telles que des zones de saisie de texte, des zones de texte, des listes déroulantes, des boutons radio, des boutons à cocher, etc.).

Un formulaire est défini par la balise

.





La balise la plus couramment utilisée dans les formulaires est la balise d'entrée . Le type d'entrée est spécifié par le type d'attribut. Les types d'entrée les plus couramment utilisés sont les suivants (illustrés de 4 à 6).

4) Champ de texte

Lorsque les utilisateurs doivent saisir des lettres, des chiffres, etc. dans le formulaire, ils doivent utiliser des champs de texte.

Prénom :


Nom :






Le résultat de l'exécution du code ci-dessus :

Remarque : le formulaire lui-même ne s'affiche pas et, dans la plupart des navigateurs, le nombre par défaut de caractères pouvant être saisis dans un champ de texte est de 20.

5) Boutons radio

Les boutons radio sont utilisés pour fournir aux utilisateurs une entrée interactive pour sélectionner un élément parmi des options limitées.

value="male">Homme


value="female">Female




Le résultat de l'exécution du code ci-dessus :

Notez qu'une seule des options peut être sélectionnée.

6) Case à cocher

La case à cocher est utilisée pour fournir aux utilisateurs une entrée interactive pour sélectionner plusieurs éléments dans des options limitées.

J'ai un vélo :

name="vehicle"

value="Bike" /> ;



J'ai une voiture :
name="vehicle"
value="Voiture" />


J'ai un avion :
name="vehicle"
value="Airplane"/>
< /form>



Le résultat de l'exécution du code ci-dessus :

7) L'attribut Action du formulaire et le bouton Soumettre (Bouton Soumettre)

Lorsque l'utilisateur clique Lorsque vous cliquez sur le bouton de soumission du formulaire (« Soumettre ») dans le formulaire, le contenu du formulaire sera envoyé vers un autre fichier (le fichier est généralement un script) pour le traitement correspondant. L'attribut action du formulaire définit quel fichier de script traitera le contenu soumis par le formulaire (généralement le nom ou le chemin complet du fichier de script est attribué à l'attribut action). Les fichiers de script traitent généralement les données soumises à partir de formulaires.

action="html_form_action.asp"

method="get">

Nom d'utilisateur :






Ce qui précède code Résultats de l'exécution :

Si vous entrez du contenu dans la zone de saisie de texte ci-dessus et cliquez sur le bouton de soumission ("Soumettre"), vous soumettrez les informations que vous avez saisies dans un fichier appelé page "html_form_action.asp" ( ceci est un script), ce fichier de script vous affichera les informations collectées.
{
Remarquez qu'une page de rapport d'erreur sera générée ici, car le fichier de script ici : "html_form_action.asp" n'est pas un fichier dans le système de blog Sina, c'est juste à titre de démonstration. Dans votre site Web, vous devez spécifier vos propres fichiers de script.

}

8) Plus d'exemples

Checkbox
Cet exemple montre comment créer une case à cocher dans une page HTML. Pour chaque élément de la case à cocher, l'utilisateur peut cocher ou non.

Boutons radio
Cet exemple montre comment créer des boutons radio dans une page HTML.

Zone de liste déroulante
Cet exemple montre comment créer une simple zone de liste déroulante dans une page HTML. Une zone de liste déroulante est en fait une zone de liste qui propose des options.

Une zone de liste déroulante qui spécifie une option comme option actuelle
Cet exemple montre comment créer une liste déroulante qui spécifie l'élément actuellement sélectionné.

Zone de fichier
Cet exemple montre comment créer une zone de texte (contrôle de saisie de texte multiligne). L'utilisateur peut saisir du texte dans la zone de texte et il n'y a pas de limite au nombre de caractères saisis.

Créer un bouton
Cet exemple montre comment créer un bouton et définir vous-même le texte de description sur le bouton.

Ensemble de données
Cet exemple montre comment créer un ensemble de données de même nature, avec toutes les données entourées d'une bordure.

9) Exemple de classe de formulaire

Formulaire avec champ de saisie de texte et bouton de soumission
Cet exemple montre comment ajouter un formulaire à une page HTML, qui comprend un champ de saisie de texte et un bouton de soumission. bouton.

Formulaire avec cases à cocher
Cet exemple montre un formulaire avec deux cases à cocher et un bouton d'envoi.

Formulaire avec boutons radio
Cet exemple montre un formulaire avec deux boutons radio et un bouton Soumettre.

Envoi d'un e-mail via un formulaire
Cet exemple montre comment envoyer un e-mail via un formulaire.

10) Balises liées au formulaire

Balise

Description

Formulaire

Définir le champ de saisie