recherche
  • Se connecter
  • S'inscrire
Réinitialisation du mot de passe réussie

Suivez les projets qui vous intéressent et découvrez les dernières actualités les concernant.

étiquette étiquette dans le formulaire

L'étiquette étiquette dans le formulaire

Les amis, lorsque vous étudiiez les différents contrôles du formulaire, avez-vous trouvé une étiquette - étiquette Cette section vous dévoilera sa fonction.

Le label ne présente aucun effet particulier à l'utilisateur, son rôle est d'améliorer la convivialité pour les utilisateurs de souris. Ce contrôle se déclenchera si vous cliquez sur le texte à l'intérieur de l'étiquette. C'est-à-dire que lorsque l'utilisateur clique pour sélectionner l'étiquette, le navigateur mettra automatiquement le focus sur le contrôle de formulaire lié à l'étiquette (il sélectionnera automatiquement le contrôle de formulaire lié à l'étiquette).

Syntaxe :

<label for="控件id名称">

Remarque : La valeur dans l'attribut for de la balise doit être la même que la valeur de l'attribut id du contrôle associé.

Exemple :

<form>
  <label for="male">男</label>
  <input type="radio" name="gender" id="male" />
  <br />
  <label for="female">女</label>
  <input type="radio" name="gender" id="female" />
  <label for="email">输入你的邮箱地址</label>
  <input type="email" id="email" placeholder="Enter email">
</form>
nouveau fichier
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>form中的lable标签</title> </head> <body> <form><h1>我的第一个网页</h1> 你的性别?<br> <label for="male">男</label> <input type="radio" name="sex" id="male" /> <label for="female">女</label> <input type="radio" name="sex" id="female" /> <br /> 你对什么运动感兴趣?<br> <input type="checkbox" name"checkbox1" value="跑步">跑步 <input type="checkbox" name"checkbox2" value="打球" checked="checked">打球 <input type="checkbox" name"checkbox3" value="登山" checked="checked">登山 <input type="checkbox" name"checkbox4" value="健身">健身<br> <label for="email">输入你的邮箱地址</label> <input type="email" id="email" placeholder="Enter email"> <input type="reset" value="重置"> </form> <img src ="http://e.hiphotos.baidu.com/image/w%3D400/sign=0648f314abd3fd1f3609a33a004f25ce/80cb39dbb6fd526654d55c2ea818972bd4073609.jpg"> </body> </html>
Réinitialiser le code
Opération automatique
soumettre
Aperçu Clear
  • Recommandations de cours
  • Téléchargement du didacticiel