<label>

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.

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

Etiquetas y colaboradores del documento

Colaboradores de esta página: WillyMaikowski
Última actualización por: WillyMaikowski,