HTML <label> atributo for

Definición y uso

for La propiedad especifica a qué elemento del formulario se vincula la etiqueta.

Vínculo implícito y explícito

La etiqueta generalmente se vincula a los controles del formulario de dos formas: como contenido de la etiqueta de marcador, lo que es una forma implícita, o para la etiqueta <label> bajo for La propiedad nombra un id de formulario objetivo, lo que es una forma explícita.

Por ejemplo, en XHTML:

Vínculo explícito:

<label for="SSN">Número de identificación:</label>
<input type="text" name="IdNum" id="IN" />

Vínculo implícito:

<label>Fecha de nacimiento:<input type="text" name="DofB" /></label>

La primera etiqueta une explícitamente el texto "Número de Seguro Social:" y el control de entrada de texto del número de seguro social del formulario ("SocSecNum"), su for El valor de la propiedad y el id del control son SSN. La segunda etiqueta ("Fecha de Nacimiento:") no es necesaria for La propiedad, así como los controles relacionados, no necesitan la propiedad id; se conectan implícitamente colocando la etiqueta <input> dentro de la etiqueta <label>.

Ejemplo

Tres botones de opción con etiquetas:

<form action="/action_page.php">
  <input type="radio" id="html" name="fav_language" value="HTML">
  <label for="html">HTML</label><br>
  <input type="radio" id="css" name="fav_language" value="CSS">
  <label for="css">CSS</label><br>
  <input type="radio" id="javascript" name="fav_language" value="JavaScript">
  <label for="javascript">JavaScript</label><br><br>
  <input type="submit" value="Enviar">
</form>

Prueba personalmente

Sintaxis

<label for="element_id">

Valor de atributo

Valor Descripción
element_id ID del elemento al que está asociado el etiqueta.

Compatibilidad con navegadores

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte