Hola ¿alguien sabe para que es el for=""? no me ha quedado claro que función cumple, gracias.

El atributo for sirve para vincular semánticamente al <label> con un <input>. Para que se vinculen correctamente, el valor de for debe coincidir con el valor de id en el <input>.

Si esto es así, al hacer clic sobre el <label>, el navegador pone el foco en el <input>

Poné esto en un archivo .html y probá hacerle clic al input:

<label for="username">Click me</label>
<input type="text" id="username">

Referencia: MDN Web Docs

Espero que te sea de ayuda, saludos!