Resumen
El Elemento HTML <label>
representa una etiqueta para un elemento en una interfaz de usuario. Este puede estar asociado con un control ya sea mediante la utilizacion del atributo for, o ubicando el control dentro del elemento label. Tal control es llamado "el control etiquetado" del elemento label.
- Categorias Contenido de flujo, contenido de fraseo, contenido interactivo, elemento de formulario asociado, contenido palpable.
- Contenido permitido Contenido de fraseo, pero no otros componentes
label
ni otros elementos etiquetables a parte del de control ya etiquetado. - Omision del Tag None, both the starting and ending tag are mandatory.
- Elementos padre permitidos Cualquier elemento que acepte el contenido de fraseo.
- DOM interface
HTMLLabelElement
Atributos
Este elemento incluye los atributos globales.
-
accesskey
HTML 4 HTML5 - Una tecla de atajo para acceder a este elemento desde el teclado.
-
for
- El ID del elemento de formulario etiquetable relacionado en el mismo documento que el elemento label. El primer elemento en el documento con tal ID que coincida con el dispuesto en el atributo for será el control etiquetado para este elemento.
-
Nota: Un elemento label puede contener ambos; El atributo for y el elemento de control anidado, siempre y cuando el atributo for apunte al mismo elemento.
-
form
HTML5 -
El formulario con el cual el label esta asociado (su formulario dueño). El valor de este atrbuto debe ser un ID del elemento
<form>
en el mismo documento. Si este atributo no es especificado, este elemento<label>
deberia ser descendiente de un elemento<form>
. Este atributo permite ubicar el elemento label en cualquier lugar dentro del documento y no solo como descendiente de su respectivo formulario.
Ejemplos
<!-- Un simple ejemplo de un label con el atributo for --> <label for="Name">Click me</label> <input type="text" id="Name" name="Name" /> <!-- Aun mas simple --> <label>Click me <input type="text" id="Name" name="Name" /></label>
Resultado
Especificaciones
Especificacion | Estado | Comentario |
---|---|---|
WHATWG HTML Living Standard | Living Standard | |
HTML5 | Candidate Recommendation | |
HTML 4.01 Specification | Recommendation |
Compatibilidad
Caracteristica | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Soporte basico | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
Caracteristica | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Soporte basico | (Yes) | (Yes) | (Yes) | (Yes) | (Yes) |
Notes
Click events in nested <label>
elements
Starting with Gecko 8.0 (Firefox 8.0 / Thunderbird 8.0 / SeaMonkey 2.5), a bubbling click event triggers at most one <label>
, and the synthetic click event cannot trigger additional <label>
s. In Gecko, a click event will still bubble up past a <label>
, while in WebKit or Internet Explorer the click event will stop at the <label>
. The behavior prior to Gecko 8.0 (triggering multiple <label>
s) caused Firefox to stop responding (see bug 646157).
See also
- Other form-related elements:
<form>
,<button>
,<datalist>
,<legend>
,<select>
,<optgroup>
,<option>
,<textarea>
,<keygen>
,<fieldset>
,<output>
,<progress>
and<meter>
.