L'Element HTML Label (<label>
) representa un títol en una interfície d'usuari. Pot estar associat amb un control o bé col·locant l'element de control a l'interior de l'element <label>
, o mitjançant l'ús de l'atribut for
. Aquest control es diu el control labeled de l'element etiqueta. Una entrada pot estar associada amb diverses etiquetes.
Val la pena assenyalar, però, que les etiquetes no estan directament associats amb els formularis. S'associen indirectament amb els formularis a través dels controls amb els quals estan associats.
Abans de la revisió de l'especificació HTML realitzada el 28 d'abril de 2016, l'atribut form
de l'element <label>
permetía associar directament les etiquetes amb els formularis.
Categories de contingut | contingut dinàmic, phrasing content, contingut interactiu, element associat a formulari, contingut palpable. |
---|---|
Contingut permès | Phrasing content, no té elements d'etiqueta descendent. No es permeten elements etiquetables que no siguin el control labeled. |
Omissió de l'etiqueta | Cap, tant l'etiqueta inicial com l’etiqueta final són obligatòries |
Elements pares permesos | Qualsevol element que accepti phrasing content. |
Interfície DOM | HTMLLabelElement |
Atributs
Aquest element inclou els atributs globals.
for
- L'ID d'un element etiquetable (labelable) relacionat amb el formulari en el mateix document que l'element d'etiqueta. El primer d'aquests elements en el document amb un ID que coincideixi amb el valor de l'atribut for és el control labeled per a aquest element d'etiqueta.
-
Un element d'etiqueta pot tenir un atribut for i un element de control contingut, sempre que l'atribut
for
assenyali a l'element de control contingut. form
HTML5- L'element de formulari amb el qual l'etiqueta està associada (el seu propietari de formulari). Si s'especifica, el valor de l'atribut és l'ID d'un element
<form>
en el mateix document. Això li permet col·locar elements etiqueta en qualsevol lloc dins d'un document, no només com descendents dels seus elements de formulari. -
Aquest atribut content va ser eliminat de l'especificació HTML, el 28 d'abril de 2016. No obstant això, els scripts segueixen tenint accés a un atribut read-only (sol lectura)
HTMLLabelElement.form
; el retorn al formulari del control associat de l'etiqueta és un membre, o null si l'etiqueta no està associada amb un control o el control no és part d'un formulari.
Exemples
Exemple etiqueta senzilla
<label>Click me <input type="text"></label>
Ùs de l'attribut "for"
<label for="username">Click me</label>
<input type="text" id="username">
Especificacions
Especificació | Estat | Comentari |
---|---|---|
HTML Living Standard The definition of '<label>' in that specification. |
Living Standard | |
HTML5 The definition of '<label>' in that specification. |
Recommendation | |
HTML 4.01 Specification The definition of '<label>' in that specification. |
Recommendation | Definició inicial |
Navegadors compatibles
Característica | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Suport bàsic | (Yes) | (Yes)[1] | (Yes) | (Yes) | (Yes) |
Característica | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Suport bàsic | (Yes) | (Yes)[1] | (Yes) | (Yes) | (Yes) |
[1] A partir de Gecko 8.0 (Firefox 8.0 / Thunderbird 8.0 / SeaMonkey 2.5), un esdeveniment clic desencadena la propagació de més d'un <label>
, i l'esdeveniment clic sintètic no pot desencadenar <label>
s addicionals. En Gecko, un esdeveniment clic encara apareixerà més enllà d'un <label>
, mentre que en WebKit o Internet Explorer l'esdeveniment clic s'aturarà en el <label>
. El comportament anterior a Gecko 8.0 (el desencadenament de multiples <label>
s) va fer que Firefox deixés de respondre (veure errada 646157).
[2] L'especificació d'HTML es va actualitzar a l'abril de 2016 per desaprovar l'atribut form
. Encara està disponible des de script, però la seva definició ha canviat: ara retorna el formulari del control associat, o null si no hi ha un control associat (és a dir, si HTMLLabelElement.control
és nul). Veure HTMLLabelElement.form
.
Aquest canvi s'ha implementat en Firefox 49.
Veure
- Altres elements relacionats amb formularis:
<form>
,<button>
,<datalist>
,<legend>
,<select>
,<optgroup>
,<option>
,<textarea>
,<keygen>
,<fieldset>
,<output>
,<progress>
and<meter>
.