Qu'est-ce qu'un formulaire en HTML

En HTML, un formulaire est une zone contenant des éléments de formulaire. Il est principalement utilisé pour collecter différents types de saisies utilisateur et doit être défini à l'aide de la balise form. L'élément form est un contrôle qui permet aux utilisateurs de saisir du contenu dans le formulaire. , tels que les balises d'entrée (input), la zone de texte (textarea), etc.

L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.

Un formulaire est une zone contenant des éléments de formulaire.

Les éléments de formulaire permettent aux utilisateurs de saisir du contenu dans le formulaire, tel que des zones de texte, des listes déroulantes, des boutons radio, des cases à cocher, etc.

Les formulaires sont créés via la balise

, où les objets de formulaire tels que les champs de formulaire, les boutons et d'autres éléments sont placés :

<form>
....
表单元素
....
</form>

Éléments de formulaire communs

1. La balise de formulaire reçue est la balise d'entrée (). Les éléments

<input type="text" >

peuvent être transformés en plusieurs formes en fonction de différents attributs de type.

valeur boutoncheckboxcolordatedatetimedatetime-localemailfichiercachéimagemoisnumbermot de passeradiorangeresetrecherchesubmitteltextetimeurlsemaine2. l'élément zone de texte textarea

description
Définit un bouton cliquable (souvent utilisé avec JavaScript pour lancer un script).
Définir les cases à cocher.
Définissez le sélecteur de couleurs.
Définissez le contrôle de la date (y compris l'année, le mois, le jour, hors heure).
Définissez les contrôles de date et d'heure (y compris l'année, le mois, le jour, l'heure, la minute, la seconde, la fraction de seconde, en fonction du fuseau horaire UTC).
Définissez les contrôles de date et d'heure (y compris l'année, le mois, le jour, l'heure, la minute, la seconde, la fraction de seconde, sans fuseau horaire).
Définit les champs utilisés pour les adresses e-mail.
Définissez les champs de sélection de fichier et le bouton "Parcourir..." pour le téléchargement de fichiers.
Définissez les champs de saisie masqués.
Définissez l'image comme bouton de soumission.
Définissez les contrôles du mois et de l'année (sans fuseau horaire).
Définit le champ de saisie des nombres.
Définissez le champ du mot de passe (les caractères du champ seront masqués).
Définir les boutons radio.
Définit les contrôles pour les nombres d'entrée où la valeur exacte n'est pas importante (comme un contrôle de curseur).
Définir le bouton de réinitialisation (réinitialiser toutes les valeurs du formulaire aux valeurs par défaut).
Définissez un champ de texte pour saisir une chaîne de recherche.
Définissez le bouton de soumission.
Définissez le champ de saisie du numéro de téléphone.
Par défaut. Définit un champ de texte sur une seule ligne (la largeur par défaut est de 20 caractères).
Définit un contrôle de saisie de l'heure (sans fuseau horaire).
Définissez le champ de saisie de l'URL.
Définissez les contrôles de la semaine et de l'année (sans fuseau horaire).

définit un champ de saisie multiligne (zone de texte) :

<textarea name="message" rows="10" cols="30">
The cat was playing in the garden.
</textarea>

3. :

4. Liste déroulante de sélection, l'option est l'option à sélectionner

L'élément définit la liste déroulante et l'élément

<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>

Une liste déroulante affiche généralement la première option comme option sélectionnée. Mais des options prédéfinies peuvent être définies en ajoutant l'attribut sélectionné.

Tutoriel recommandé : "

Tutoriel vidéo HTML

"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!