Elemento label en HTML

El elemento html label representa un banner (título) de un elemento de formulario. Ejemplo de un elemento <label> simple que tiene un elemento de formulario dentro:

< label > banner de texto < input  type = "text" > </ label >

Etiqueta html label

Clasificaciones de contenido	Un elemento organizativo, un elemento normal, un elemento interactivo y un elemento relacionado con la forma.
Contenido permitido	Elementos a los que se puede agregar un banner y no se permite usar el elemento `<label>` dentro de él.
Acrónimo	Las etiquetas de inicio o finalización no se pueden omitir.
Elementos del padre	Cualquier elemento que acepte contenido normal.
Interfaz DOMO	`HTMLLabelElement`

Soporte de navegadores

Chrome	Firefox	Edge	Safari	Ópera
Soportado	Soportado	Soportado	Soportado	Soportado

Características

En este elemento html label se pueden utilizar propiedades globales.

`for`

El valor de esta propiedad es el ID de un elemento de formulario de banner que se encuentra en el mismo documento. El banner se asociará con el primer elemento del documento que tenga un ID que coincida con el valor de esta propiedad.

Nota: Se permite usar la propiedad for además del elemento que contiene el elemento <label> al que se agrega el banner, siempre que la propiedad for se refiere al elemento que contiene.

Ejemplo de un elemento <label> con la propiedad que se for utiliza para hacer referencia a un elemento del formulario que le sigue:

< label  for = "username" > banner de texto </ label > 
< input  type = "text"  id = "username" >

`form`

Esta propiedad es el valor de propiedad del id elemento <form> con el que se relaciona este elemento. Se puede especificar un valor para esta propiedad para hacer referencia a un elemento <form> en el mismo documento, lo que permite que los banners se coloquen en cualquier lugar del documento sin estar restringidos a estar dentro del elemento <form>.

Cabe señalar que esta propiedad se eliminó de la especificación HTML, pero esta propiedad aún es accesible a través de scripts ( HTMLLabelElement.form) y devuelve el formulario al que null se adjunta el banner, o si el banner no está asociado con un elemento de formulario o no parte de un modelo.

Descripción de uso

La bandera definida en el elemento se puede asociar <label> colocando el elemento de formulario dentro del elemento <label> o usando la propiedad for. Tenga en cuenta que se permite asociar un solo elemento de entrada con varias etiquetas.

Los carteles en sí mismos no se relacionan directamente con los modelos, sino indirectamente a través de los elementos de los modelos.

Formato predeterminado

La mayoría de los navegadores muestran el elemento <label> con la forma del cursor establecida cursor en default:

label {
  cursor: default;
}