¿Por qué usar la palabra clave "for" para enlazar una etiqueta en HTML?

Question

Duplicar posible:
What is the For attribute for in an HTML tag?

He estado tratando de averiguar esto. ¿Cuál es el motivo para usar "for =" cuando usa una etiqueta en HTML?

<form> 
    <label for="male">Male</label> 
    <input type="radio" name="sex" id="male" /> 
    <br /> 
    <label for="female">Female</label> 
    <input type="radio" name="sex" id="female" /> 
</form> 

Si es necesario, ¿hay algún equivalente en HTML 5 o es el mismo?

Answer 1

Hace un clic en el foco de la etiqueta el elemento de entrada es for.

En el ejemplo que publicó, simplemente haga clic en la palabra Maleo para seleccionar el botón de opción. Sin esto, tiene un objetivo mucho más pequeño para hacer clic ...

Si es necesario, ¿hay algún equivalente en HTML 5 o es el mismo?

No es necesario, pero es una buena práctica para las etiquetas que tienen un elemento de forma directa para enfocarse (no tendría mucho sentido para una etiqueta que no tiene una contraparte en un formulario).

La sintaxis es la misma para HTML 5.

Answer 2

Para enlaza el <label> y el campo <input> juntos. for debe apuntar al id del <input>. En realidad no es necesario, pero es útil, por ejemplo, en los botones de radio, donde el usuario puede hacer clic en la etiqueta para comprobar el botón de opción, creando así un área de clic más grande y una mejor experiencia de usuario.

Usa for de la misma forma HTML5 que en HTML4 o XHTML o lo que sea que haya usado anteriormente.

Answer 3

Si se utiliza el atributo for de la etiqueta, y configura su valor a la id de un elemento relacionado input, la mayoría de los navegadores centran el elemento de entrada cuando la etiqueta se hace clic en Esto es especialmente útil para elementos pequeños como casillas de verificación y botones de opción.