HTML <label>Etiqueta


Ejemplo

Un formulario HTML simple con dos campos de entrada y etiquetas asociadas:

<form action="demo_form.php"> <label for="male">Male</label> <input type="radio" name="sex" id="male" value="male"><br> <label for="female">Female</label> <input type="radio" name="sex" id="female" value="female"><br><br> <input type="submit" value="Enviar"> </form>

Pruébalo »

Soporte del navegador

Internet Explorer Firefox Opera Google Chrome Safari

Actualmente la mayoría de los navegadores soportan la etiqueta <label>.

Definición y uso de la etiqueta

La etiqueta <label> define una etiqueta (marcador) para el elemento input.

El elemento label no muestra ningún efecto especial al usuario. Sin embargo, mejora la usabilidad para los usuarios de ratón. Si hace clic en el texto dentro del elemento label, se activa este control. Es decir, cuando el usuario selecciona esta etiqueta, el navegador transfiere automáticamente el foco al control de formulario asociado con la etiqueta.

El atributo for de la etiqueta <label> debe ser igual al atributo id del elemento relacionado.

Consejos y notas

Consejo:El atributo "for" puede vincular la etiqueta a otro elemento. Establezca el valor del atributo "for" como el valor del atributo id del elemento relacionado.

Diferencias entre HTML 4.01 y HTML5

El atributo "form" es un nuevo atributo de HTML5.

Atributos

New: nuevo atributo de HTML5.

Atributo Valor Descripción
for element_id Especifica a qué elemento de formulario está vinculada la etiqueta.
formNew form_id Especifica uno o más formularios a los que pertenece el campo label.

Atributos globales

La etiqueta <label> soporta atributos globales, consulte la tabla completa de atributosAtributos globales de HTML。

Atributos de eventos

La etiqueta <label> soporta todos losatributos de eventos de HTML。

Otras extensiones