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>
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 |