Cet article partage principalement avec vous une explication détaillée de l'utilisation de la balise form en HTML5. Je partagerai avec vous l'utilisation du formulaire avec des exemples de code.
Syntaxe :
, et le formulaire doit être placé entre eux.2. Méthode de transmission, get/post est une question que les programmeurs back-end doivent considérer
3. action Les données saisies par le spectateur est l'endroit vers lequel envoyer, comme une page php, (save.php)
< formulaire méthode="post" action="save.php">
🎜><étiquette pour="nom d'utilisateur" >Nom d'utilisateur :étiquette>
<entrée type= "texte" nom="nom d'utilisateur" />
<étiquette pour="pass">密码 :étiquette >
<entrée type="mot de passe" nom=" passe" />
formulaire>
Zone de saisie de texte, zone de saisie de mot de passe
Lorsque l'utilisateur doit saisir des lettres, des données, etc. dans le formulaire, la zone de saisie de texte est utilisée et la zone de saisie de texte est également utilisée. Peut être convertie en zone de saisie de mot de passe
Syntaxe :
<formulaire>
<saisie type = "texte/mot de passe" nom = "nom" valeur = "texte" />
formulaire > Lorsque le type est du texte, il s'agit d'une zone de saisie de texte Lorsque le type est mot de passe, il s'agit de la zone de saisie du mot de passe 2.name : nommez la zone de texte à utiliser en arrière-plan asp php 3.value : définissez la valeur par défaut pour la zone de saisie de texte (généralement utilisée comme invite) > < html> tête méta http-equiv "Content-Type" contenu ="text/html; charset=utf-8"> <titre>Zone de saisie de texte, zone de saisie de mot de passetitre> ;/tête <corps <formulaire méthode="post" action="save.php"> Compte : <entrée type = "texte" nom = "monNom" /> <br /> ; 密码: <saisie type = "mot de passe " nom = "pass"/> formulaire> corps> html>
Résultat :
Compte :
Mot de passe :
Champ de texte : prend en charge la saisie de texte sur plusieurs lignes
La saisie de texte est utilisée lorsque les utilisateurs doivent saisir de gros blocs de texte dans le formulaire Domaine
syntaxe :
<textarea lignes = "Nombre de lignes" cols = "Nombre de colonnes" > texte textarea>
Explication : 1. Le champ de saisie de texte commence par
2.rows : Saisie Le nombre de lignes du champ de saisie de texte
3.cols : Saisissez le nombre de colonnes du champ de saisie de texte
4 . Dans
.
>
<html>
<tête>
<méta http-equiv="Content-Type" content="text/html; charset=utf-8">
<titre>文本域 titre>
tête>
<corps>
<formulaire méthode = "post" action = "save.php">
<étiquette>个人简介< /étiquette>
<zone de texte lignes = "5" cols = "10">Entrez le contenu ici . ..textarea>span> ;
🎜>type = "soumettre" valeur = "OK" nom = "soumettre" />
<entrée type = "reset" valeur = "reset" nom = "réinitialiser" />
formulaire>
corps>
htmlPrésentation personnelle
Utilisez des boutons radio et des cases à cocher pour permettre aux utilisateurs de sélectionnerLors de l'utilisation de formulaires pour concevoir des questionnaires, afin de réduire le Pour le fonctionnement de l'utilisateur, l'utilisation d'une case de sélection est un bon moyen. En HTML, il existe des boutons radio et des cases à cocher. La principale différence entre les deux est que dans le bouton radio, l'utilisateur ne peut sélectionner qu'une seule option, tandis que dans la case à cocher, l'utilisateur. peut sélectionner n'importe quel Sélectionnez plusieurs éléments ou même tout sélectionner.
<entrée type = "radio/case à cocher" valeur = "valeur" nom = "nom" coché = "coché" /> Explication : 1. tapez : radio : bouton radio de contrôle case à cocher : case à cocher de contrôle 2. valeur : La valeur qui fournit des données au serveur 3. name : Nommez le contrôle à utiliser par le programme d'arrière-plan ASP, PHP 4.checked : Lors du réglage vérifié = "checked" , ceci L’option est sélectionnée par défaut.
> <html> <tête> <meta http-equiv=" Content-Type" content="text/html; charset=utf-8"> <titre>单选框、复选框titre> tête> <corps> <formulaire nom = "iForm" méthode = "post" action = "save.php"> Êtes-vous Vous aimez voyager ? <br /> <entrée type = "radio" nom = "radioLove" valeur = "喜欢" coché = "coché"/>span> <entrée type = "radio" nom = "radioLove" valeur = "不喜欢" /> <entrée type = "radio" nom = "radioLove" valeur = "Ça n'a pas d'importance"/> <br /> <br /> Quels sports vous intéressent ? <br /> <entrée type = "checkbox" nom = "checkbox1" valeur = "跑步"/> <entrée type = "case à cocher" nom = "checkbox1" valeur = "打球" coché = "coché"/> <entrée type = "checkbox" nom = "checkbox1" valeur = "登山" coché = "coché"/> <entrée tapez = "checkbox" nom = "checkbox1" valeur = "健身" /> formulaire> corps> html> Vous aimez voyager ? Remarque : La valeur du nom des boutons radio d'un même groupe doit être cohérente, afin que les boutons radio d'un même groupe puissent jouer le rôle de sélection radio. Zone de liste déroulante Utilisez le menu déroulant -down zone de liste, Économisez de l'espace, vous pouvez sélectionner des sélections simples ou multiples. Sélection unique :
> <html> <tête> <meta http-equiv="Content-Type " content="text/html; charset=utf-8"> <titre>下拉页表框titre> tête> <corps> <formulaire nom = "iForm" méthode = "post" action = "save.php"> < étiquette>爱好 :étiquette> <sélectionner> <option valeur = "Lecture">Lectureoption>< /span> >option valeur = "Sports">Sports< /option> <option valeur = "Musique">Musiqueoption> <option valeur = "Voyage">Voyageoption> valeur = "Shopping"> ;Shoppingoption> <span style= "color:#ff0000;">sélectionnez>envergure> formulaire> corps> html> Résultat : Loisirs : Lecture, sports, musique, voyages et shopping (peut être déroulant) Option : c'est la valeur affichée Définir la sélection = "sélectionné", puis ceci L’option est sélectionnée par défaut. Sélection multiple : Changez simplement le Utilisez le bouton Soumettre pour soumettre des données Il y a deux boutons qui peuvent être utilisés dans le formulaire, le bouton Soumettre et la réinitialisation Lorsque l'utilisateur doit soumettre des informations au. serveur, le bouton Soumettre est nécessaire. Syntaxe : Explication : 1 Seulement lorsque type = " sumit", le bouton a la fonction de soumission 2.valeur : Les mots affichés sur le bouton Réinitialiser Lorsque le utilisateur Lorsque vous devez réinitialiser les informations du formulaire à leur état initial, vous pouvez utiliser le bouton de réinitialisation, changez simplement le type à réinitialiser. Explication : 1. La même chose s'applique au bouton de soumission, uniquement lorsque type = ". réinitialiser" Uniquement lorsque le bouton a une fonction de réinitialisation 2.value : Le texte affiché sur le bouton étiquette d'étiquette étiquette d'étiquette ne sera pas être affiché à l'utilisateur Présenter des effets spéciaux. Sa fonction est d'améliorer la convivialité pour les utilisateurs de la souris. Si vous cliquez sur le texte à l'intérieur de l'étiquette, ce contrôle sera déclenché lorsque l'utilisateur cliquera pour sélectionner l'étiquette. label, le navigateur mettra automatiquement le focus sur le contrôle de formulaire lié à l'étiquette (le contrôle de formulaire associé à l'étiquette de l'étiquette sera automatiquement sélectionné Syntaxe : Remarque : La valeur de l'attribut for dans la balise doit être la même que la valeur de l'attribut id du contrôle associé
<formulaire> <étiquette pour="mâle">Mâleétiquette> <entrée type= "radio" nom="genre" <span style="couleur:#ff0000;"> id="mâle"span> /> <br /> <étiquette pour= "femelle">女étiquette> <entrée type ="radio" nom="genre" <span style="couleur :#990000;"> ;id="femelle"span> /> <étiquette pour= "email">Entrez votre adresse emaillibellé> <saisie type ="email" <span style ="color:#ff6666;">id="email"span> placeholder=" Entrer email"> formulaire> Homme Ce qui suit est imité par vous-même et peut être vérifié : > <html> <tête> <méta http-equiv="Contenu -Type " content="text/html; charset=utf-8"> > ><corps>
Résultats :
Quels sont les sports qui vous intéressent ?
Résultat :
Femme
Entrez votre adresse e-mail
<formulaire>
<br/>
<étiquette pour = "sport1">慢跑étiquette>
<entrée type = "case à cocher" nom = "sports" id = "sport1"/>
<br />
<étiquette pour = "sport2">登山label>
<entrée type = "case à cocher" nom = "sports" id = "sport2"/>
<br />
<étiquette pour = "sport3">篮球étiquette>
<entrée type = "case à cocher" nom = "sports" id = "sport3"/> <br />
formulaire>
corps> ;
html>
Résultats :
Quels sports vous intéressent :
Jogging
Randonnée
Basketball
Recommandations associées :
Méthode de mise en œuvre de génération dynamique de formulaire
Exemple de méthode JavaScript pour ajouter dynamiquement des éléments de formulaire de formulaire
Explication détaillée des éléments de formulaire de formulaire 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!