Résumer quelques utilisations du formulaire HTML

Résumé des balises de formulaire HTML

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

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

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

            

                

天下第一争霸赛

                                       门派：              
密码：                  
上传你的请柬：              
选武器： 刀                         剑                         枪                         鞭             
挑战对手： 梅超风                             洪七                             金毛狮王谢逊                             张三丰             
 选择你的门派：                                      天山派                     昆仑派                                                       峨眉派                     少林派                     武当派                     天空派                     星宿派                     逍遥派                     丐帮派                     五毒派                     明教派                                           
              
               

                   

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!