Introduction aux formulaires HTML

Le contenu de cet article concerne l'introduction de formulaires HTML, de tableaux et d'éléments multimédias. Il a une bonne valeur de référence et j'espère qu'il pourra aider les amis dans le besoin.

Formulaire de balise de formulaire :

//Équivalent à une liste qui enregistre les informations de l'utilisateur
Attributs communs : méthode : méthode de soumission de formulaire, il existe deux valeurs couramment utilisées Exemple :

Le formulaire contient la balise inout de l'élément de formulaire, qui est utilisé pour permettre aux utilisateurs de saisir du contenu
Il convient de noter que les éléments du formulaire doivent être écrits entre les balises du formulaire, et non en dehors du formulaire
Éléments de formulaire couramment utilisés :
(1) : zone de texte, où le contenu peut être saisi
Les éléments du formulaire peuvent également définir l'attribut de valeur par défaut : value="123"
(2) : Zone de mot de passe, le contenu d'entrée sera masqué
Chaque formulaire L'élément doit définir l'attribut name, qui est utilisé pour identifier le nom de l'élément de formulaire
(3)  : bouton Soumettre, le formulaire sera soumis après avoir cliqué sur
L'élément de formulaire définit de quel type de zone de saisie ou de bouton il s'agit en tapant
(4)  : bouton Réinitialiser, cliquer dessus fera revenir la zone de saisie dans le formulaire à l'état initial
(5) : Bouton radio,
Vous ne pouvez sélectionner qu'un seul bouton radio dans le même groupe, utilisez nom Pour grouper, par exemple, le sexe : les noms sont des deux sexes. Si les valeurs du nom sont différentes, cela signifie qu'elles le sont. pas dans le même groupe. Lors de la soumission, la valeur est soumise,
(6) Boîte à sélection multiple, regroupée par nom, plusieurs sélections peuvent être soumises, La valeur est soumise à ce moment-là
ps : les boutons radio et les boutons à sélection multiple peuvent définir l'élément sélectionné par défaut en définissant l'attribut coché

(7)
Élément de la liste 1
                                                                  Élément de la liste 3

(8)

Bouton image
Faites ressembler le bouton à une image et cliquez dessus pour soumettre le formulaire
(9)< ;input type="bouton" value="Texte affiché"/> ;Bouton normal
Un bouton qui n'a aucune fonction sera très couramment utilisé à l'avenir
Remarque : si l'attribut type n'est pas défini, l'attribut type par défaut est text

(10)Zone de texte, vous pouvez afficher plusieurs lignes de contenu ou saisir

(11) Pour télécharger un fichier, vous devez également définir l'attribut enctype dans la balise form sur multiple/form-data.
(12)Boîte e-mail, vous devez saisir un format d'e-mail correct avant de pouvoir soumettre le formulaire
Des erreurs seront affichées

(13)Dans la zone URL, une URL complète doit être saisie, telle que : http://www.baidu.com
(14)La zone numérique ne peut saisir que des chiffres
Si vous saisissez d'autres caractères, le formulaire ne peut pas être soumis.
(15)Curseur, vous pouvez glisser vers la gauche et la droite
(16)< input type="search"/>Zone de recherche, différents navigateurs l'afficheront dans différents styles
(17)Vous pouvez choisir la couleur
(18)< input type="datetime"/>Zone de saisie au format horaire
Vérification primaire du formulaire : contenu de l'invite de réservation, nécessite un jugement non vide
Vérification de l'expression régulière du modèle
Chestnut : & lt; input type =" text "request/& gt; // Cette zone de saisie ne peut pas être vide lors de la soumission du

Formulaire :
Champs masqués :
Les champs masqués sont du contenu que les utilisateurs ne peuvent pas voir. Ils peuvent être utilisés pour distinguer les formulaires
Lire. -only ：
                                                                                                                                                                                      Le contenu de la zone de saisie ne peut pas être modifié. "Texte" Désactivé/&
Après le réglage. l'attribut désactivé, l'élément ne peut pas être utilisé , et les cendres ne peuvent pas être obtenues 🎜>                                                                                                     .                                                                                            Valeur de l'identifiant de l'élément

Recommandations associées :


Introduction aux listes, tableaux et éléments multimédias en HTML

Introduction aux formats et balises 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!