Maison > Article > interface Web > Tutoriel HTML de base sur l'interaction avec les téléspectateurs, les balises de formulaire
1. Utilisez les balises de formulaire pour interagir avec les utilisateurs
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>表单标签</title> 6 </head> 7 <body> 8 <form> 9 <label for="username">用户名:</label> 10 <input type="text" name="username" id="username" value="" /> 11 <label for="pass">密码:</label> 12 <input type="password" name="pass" id="pass" value="" /> 13 <input type="submit" value="确定" name="submit" /> 14 <input type="reset" value="重置" name="reset" /> 15 </form> 16 </body> 17 </html>
Comment le site Web interagit-il avec les utilisateurs ? La réponse est d'utiliser le Formulaire HTML(formulaire). Le formulaire peut transmettre les données saisies par le spectateur au serveur, afin que le programme côté serveur puisse traiter les données transmises par le formulaire.
Grammaire :
<form method="传送方式" action="服务器文件">
Explication :
1.
(sinon les informations saisies par l'utilisateur risquent de ne pas être soumises au serveur !).2. La différence entre la méthode : post/get Cette partie est une question à prendre en compte par les programmeurs back-end.
Essayez-le : ajoutez du code à la balise
15 16Lorsque les utilisateurs souhaitent saisir des lettres, des chiffres, etc. dans le formulaire, la zone de saisie de texte sera utilisée. La zone de texte peut également être convertie en zone de saisie de mot de passe.
Grammaire :
<form> <input type="text/password" name="名称" value="文本" /> </form>
1. tapez :
Lorsque type="text", la zone de saisie est une zone de saisie de texte ;
Lorsque tapez Lorsque =="mot de passe", la zone de saisie est la zone de saisie du mot de passe.
2. nom : Nommez la zone de texte à utiliser par les programmes d'arrière-plan ASP et PHP.
3. valeur : définissez la valeur par défaut pour la zone de saisie de texte. (Généralement utilisé comme rappel)
Exemple :
<form> 姓名: <input type="text" name="myName"> <br/> 密码: <input type="password" name="pass"> </form>
Le résultat de
affiché dans le navigateur :
Essayez : insérez les zones de saisie du nom et du mot de passe dans le formulaire
1 Saisissez le code à la ligne 10 dans l'éditeur :
<input type="text" name="myName" />
2. Code de saisie de ligne :
<input type="password" name="pass" />
Au moins un espace entre les attributs.
masqué définit un champ de saisie masqué
image définit une image comme bouton de soumission
numéro définit une flèche control Champ numérique
mot de passe définit le champ du mot de passe. Les caractères dans le champ seront masqués
la radio définit le bouton radio
la plage définit le champ numérique avec le contrôle du curseur
la réinitialisation définit le bouton de réinitialisation. Le bouton de réinitialisation réinitialisera tous les champs du formulaire à leurs valeurs initiales
recherche Définit le champ de texte utilisé pour la recherche
soumettre Définit le bouton de soumission. Le bouton Soumettre envoie les données au serveur
texte par défaut. Définissez un champ de saisie sur une seule ligne dans lequel les utilisateurs peuvent saisir du texte. La valeur par défaut est de 20 caractères
url définit le champ de texte utilisé pour l'URL
Certaines personnes disent que la valeur est rarement utilisée maintenant. Je suppose que les débutants ne savent pas que l'espace réservé est un nouvel attribut de H5, et c'est le cas. est de IE6 à IE9. L’espace réservé natif n’est pas pris en charge.
Si vous utilisez simplement un espace réservé sans résoudre le problème de compatibilité (vous devez ajouter une longue section de code de compatibilité pour utiliser un espace réservé), on peut seulement dire que vous ne faites que regarder autour de vous, sans travailler.
(Le texte rouge est le contenu de la zone de commentaire, dont certains sont temporairement incompréhensibles)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>文本域</title> 6 </head> 7 <body> 8 <form action="save.php" method="post" > 9 <label>个人简介:</label> 10 <textarea>在这里输入内容...</textarea> 11 <input type="submit" value="确定" name="submit" /> 12 <input type="reset" value="重置" name="reset" /> 13 </form> 14 </body> 15 </html>Quand l'utilisateur en a besoin Lors de la saisie de gros blocs de texte dans un formulaire, vous devez utiliser des champs de saisie de texte. Syntaxe :
<textarea rows="行数" cols="列数">文本</textarea>1. Les balises
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!