Résumé des balises de formulaire HTML

    最近研究 form标签，有一些小心得写下来与大家分享分享，共勉。在小结的最后有一个form表单的小例子，可以作为参考。                                                    -----DanlV

Copier après la connexion

form是HTML的一个极为重要的功能标签之一。

Copier après la connexion

Saisie du champ de saisie

L'attribut de type d'entrée a les valeurs d'attribut suivantes :
1.bouton (plus de détails ci-dessous)
2.le fichier est utilisé pour la sélection de fichiers
3.champ caché caché, qui peut réaliser des opérations cachées
4.text est utilisé pour la saisie de texte
5.mot de passe est utilisé pour la saisie du mot de passe
6.bouton radio radio, celui avec le même attribut de nom est un groupe
7.bouton de sélection multiple de case à cocher , celui avec le même attribut de nom est un groupe
8.bouton de soumission du formulaire d'image image
9.bouton de réinitialisation du formulaire de réinitialisation
10.bouton de soumission du formulaire de soumission
Attribut alt, défini lorsque Lorsque le bouton est une image, le texte alternatif de l'image
L'attribut src définit lorsque le bouton est une image, l'adresse du lien de l'image
attribut checked , définissez la valeur de l'option par défaut <input type="radio" name="" checked>checked comme vrai ou faux, ou vous pouvez l'écrire directement comme vérifié
attribut désactivé pour désactiver le champ de saisie actuel (utilisation telle que coché)
attribut en lecture seule, en lecture seule pour le champ de saisie actuel, la fonction réelle est la même que désactivée, mais le l'effet affiché est différent (l'utilisation est comme cochée)
attribut maxlength, défini La longueur maximale des caractères du champ de saisie
attribut name, définit le nom du champ de saisie actuel
attribut valeur, définit la valeur par défaut du champ de saisie actuel

Zone de saisie de texte textarea

attribut rows, spécifie le nombre de lignes visibles
attribut cols, spécifie le nombre de colonnes visibles
attribut désactivé, désactive la zone de saisie de texte actuelle
attribut name, texte actuel Le nom de la zone
Attribut lecture seule, la zone de texte actuelle est en lecture seule

bouton bouton

Il existe trois types de types :
1.type="button" bouton de fonction ordinaire
2.type="submit" bouton de fonction de soumission du formulaire
3.type="reset" Définir le bouton d'attribut lié à la fonction du formulaire
attribut désactivé pour désactiver ce bouton
attribut name, le nom du bouton
attribut value , la valeur par défaut du contenu du texte affiché sur le bouton

Sélection du menu bas

Attributs associés :
1. attribut désactivé, désactivez le menu
attribut 2.multiple, qui stipule que plusieurs éléments peuvent être sélectionnés en même temps
attribut 3.name, le nom de la liste déroulante
attribut 4.size, dans le menu Le nombre d'éléments visibles
<optgroup>标签</optgroup>, définit le regroupement d'options de la liste déroulante, les attributs sont :
5.attribut label, définit l'étiquette (nom) du groupe d'options, attributs obligatoires
attribut 6.disabled, désactivez l'attribut
<optinon></optinon>, définissez les options dans la liste déroulante (cette balise est dans la balise <optgroup></optgroup>), l'attribut est :
1. attribut désactivé, désactiver l'attribut
2.label, définir lors de l'utilisation de la marque

formulaire `<label></label>`

afin de rendre la saisie plus conviviale et d'améliorer l'expérience utilisateur lorsque vous cliquez sur le texte d'invite, le curseur se concentrera automatiquement sur la position de saisie, utilisez cette étiquette. Il existe deux façons de l'utiliser :

<label for="user"></label> <inpu t type="text" name="user"></inpu>Cette méthode utilise l'attribut for de l'étiquette, et la valeur spécifie le nom de la zone de saisie
<label> <input type="text" name="user"></label>
Mettez l'entrée directement dans l'étiquette. Il n'est pas nécessaire d'utiliser l'attribut for, ce qui est recommandé.
---

Champs de groupe, ensemble d'éléments associés dans le formulaire

Grouper les éléments associés dans le formulaire, utilisez la balise `<legend></legend>` pour définir le titre du groupe . Voir le dernier code pour des exemples pertinents.

Exemple de code

Résumer quelques utilisations du formulaire HTML

Copier après la connexion

                天下第一争霸赛                                       门派：
密码：
上传你的请柬：
选武器：刀                         剑                         枪                         鞭
挑战对手：梅超风                             洪七                             金毛狮王谢逊                             张三丰
选择你的门派：

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!