Latest web development tutorials

HTML balise <label>

Exemples

Avec deux champs de saisie et les marques connexes de formulaire HTML simple:

<form action="demo_form.asp">
<label for="male">Male</label>
<input type="radio" name="sex" id="male" value="male"><br>
<label for="female">Female</label>
<input type="radio" name="sex" id="female" value="female"><br>
<input type="submit" value="提交">
</form>

Essayez »

support du navigateur

Internet ExplorerFirefoxOperaGoogle ChromeSafari

La plupart des navigateurs prennent en charge balise <label>.


définitions de balises et les instructions

<Label> pour l'élément d'entrée définit l'étiquette (tag).

éléments d'étiquetage ne présentent pas d'effets spéciaux à l'utilisateur. Cependant, il est pour les utilisateurs de souris pour améliorer la facilité d'utilisation. Si vous cliquez sur le texte dans l'élément de l'étiquette, il va déclencher ce contrôle. Autrement dit, lorsque l'utilisateur sélectionne l'onglet, le navigateur va automatiquement se concentrer sur les contrôles et les étiquettes de formulaire associées.

balise <label> attributs devraient être les mêmes pour les éléments liés attribut id.


Trucs et astuces

Astuce: "pour" propriété de l'étiquette liée à un autre élément.S'il vous plaît définir la valeur "pour" la propriété à la valeur de l'attribut id des éléments connexes.


Différences entre HTML 4.01 et HTML5

"Form" attribut de HTML5 est la nouvelle propriété.


propriété

Nouveau: HTML5 nouvelle propriété.

属性 描述
for element_id 规定 label 与哪个表单元素绑定。
form New form_id 规定 label 字段所属的一个或多个表单。


global Properties

<Label> supporte les attributs globaux, voir remplir la feuille de propriétés Attributs HTML mondial .


Propriétés de l'événement

<Label> supporte tous les attributs d'événement HTML .