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>
Le navigateur affiche ceci :
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>
L'effet d'affichage du navigateur est le suivant :
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>
Effet d'affichage du navigateur comme suit :
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>
L'effet d'affichage du navigateur est le suivant :
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>
L'effet d'affichage du navigateur est le suivant :
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!
