¿Qué es «label» y para qué sirve?

El Elemento HTML

¿Cómo utilizar la etiqueta label?

Para utilizar la etiqueta

Método 1: Utilizar el atributo for

El primer método es utilizar el atributo «for», que especifica con qué control se asocia la etiqueta. El valor de este atributo debe ser igual al valor del atributo «id» del control.


<label for="nombre">Nombre:</label>
<input id="nombre" type="text">

Método 2: Colocar el control dentro de la etiqueta label

El segundo método es colocar el control dentro de la etiqueta


<label>Nombre: <input type="text"></label>

¿Para qué sirve la etiqueta label?

La etiqueta

Además, la etiqueta

Preguntas Frecuentes

¿Puedo utilizar cualquier nombre en el atributo «for»?

Sí, puedes utilizar cualquier nombre como valor para el atributo «for». Sin embargo, es recomendable utilizar un nombre que tenga sentido y que sea fácil de recordar, ya que este valor se utiliza para asociar la etiqueta con el control.

¿Es obligatorio utilizar la etiqueta label en HTML?

No, no es obligatorio utilizar la etiqueta

¿Qué debo hacer si tengo varios controles que se relacionan con la misma etiqueta?

Si tienes varios controles que se relacionan con la misma etiqueta, puedes utilizar la misma etiqueta para todos ellos. En este caso, debes utilizar el mismo valor para el atributo «for» en cada control.

¿Puedo utilizar la etiqueta label con otros elementos que no sean controles de formulario?

Sí, puedes utilizar la etiqueta

En resumen, la etiqueta

Más contenido interesante: