Maison > interface Web > Questions et réponses frontales > Quelles sont les balises dans les formulaires HTML

Quelles sont les balises dans les formulaires HTML

青灯夜游
Libérer: 2021-06-08 15:11:56
original
7354 Les gens l'ont consulté

balises de formulaire HTML : "

", "", "

Quelles sont les balises dans les formulaires HTML

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

Les formulaires HTML sont utilisés pour collecter différents types de saisies utilisateur. Les éléments de formulaire font référence à différents types d'éléments de saisie, de cases à cocher, de boutons radio, de boutons de soumission, etc.

Balise de formulaire HTML :

标记 描述
定义供用户输入的表单
定义输入域
定义文本域 (一个多行的输入控件)
定义了 元素的标签,一般为输入标题
定义了一组相关的表单元素,并使用外框包含起来
定义了  
元素的标题
定义了下拉选项列表
定义选项组
定义下拉列表中的选项
定义一个点击按钮
指定一个预先定义的输入控件选项列表
定义了表单的密钥对生成器字段
定义一个计算结果

Informations étendues : l'élément

L'élément Les éléments

ont de nombreuses formes, selon différents attributs de type.

1. Champs de texte

Le champ de texte est défini via la balise , le champ de texte sera utilisé.

<form>
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname">
</form>
Copier après la connexion

Le navigateur affiche ceci :

Quelles sont les balises dans les formulaires HTML

Remarque : Le formulaire lui-même n'est pas visible. De plus, dans la plupart des navigateurs, la largeur par défaut d'un champ de texte est de 20 caractères.

2. Champ de mot de passe

Le champ de mot de passe est défini par la balise  :

<form>
Password: <input type="password" name="pwd">
</form>
Copier après la connexion

L'effet d'affichage du navigateur est le suivant :

Quelles sont les balises dans les formulaires HTML

Remarque : les caractères du champ du mot de passe ne seront pas affichés en texte brut, mais seront remplacés par des astérisques ou des points.

3. Boutons radio

La balise définit les options du bouton radio du formulaire

<form>
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female
</form>
Copier après la connexion

Effet d'affichage du navigateur comme suit :

Quelles sont les balises dans les formulaires HTML

4. Cases à cocher

définit la case à cocher que les utilisateurs doivent commencer à sélectionner une ou plusieurs options parmi un certain nombre de choix proposés. .

<form>
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car
</form>
Copier après la connexion

L'effet d'affichage du navigateur est le suivant :

Quelles sont les balises dans les formulaires HTML

5. Bouton Soumettre (Bouton Soumettre)

Définit le bouton de soumission.

Lorsque l'utilisateur clique sur le bouton de confirmation, le contenu du formulaire sera transféré vers un autre fichier. L'attribut action du formulaire définit le nom du fichier de destination. Le fichier défini par l'attribut action effectue généralement un traitement associé sur les données d'entrée reçues. :

<form name="input" action="html_form_action.php" method="get">
Username: <input type="text" name="user">
<input type="submit" value="Submit">
</form>
Copier après la connexion

L'effet d'affichage du navigateur est le suivant :

Quelles sont les balises dans les formulaires HTML

Si vous tapez quelques lettres dans la zone de texte ci-dessus et cliquez sur le bouton de confirmation, puis entrez les données La page qui sera envoyée à "html_form_action.php". Cette page affichera les résultats de la saisie.

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal