<label>
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
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 Ninguna, tanto la etiqueta inicial como la final son obligatorias.
- Elementos padre permitidos Cualquier elemento que acepte el contenido de fraseo.
- DOM interface
HTMLLabelElement
Atributos
Este elemento incluye los atributos globales.
accesskey
-
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
-
El formulario con el cual el label está asociado (su formulario dueño). El valor de este atributo 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>
Especificaciones
Specification |
---|
HTML Standard # the-label-element |
Compatibilidad con navegadores
BCD tables only load in the browser
See also
- Other form-related elements:
<form>
,<button>
,<datalist>
,<legend>
,<select>
,<optgroup>
,<option>
,<textarea>
,<fieldset>
,<output>
,<progress>
and<meter>
.