<label>

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.

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

Navegadors compatibles

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

[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>.