Pra que serve a atributo FOR no HTML?

O atributo for em HTML é amplamente utilizado em conjunto com elementos de formulário, como label. Ele estabelece uma ligação entre o rótulo e um elemento de entrada, facilitando a interação do usuário com o formulário. Ao clicar no rótulo associado, o foco é automaticamente direcionado para o campo correspondente, como uma caixa de texto ou um botão de rádio. Para que essa associação funcione corretamente, o valor do atributo for deve ser igual ao valor do atributo id do elemento de entrada alvo. Essa funcionalidade melhora significativamente a acessibilidade e a usabilidade dos formulários em aplicações web.

Exemplo

<form>
  <label for="nome">Seu nome:</label><br>
  <input type="text" id="nome" name="nome"><br>
</form> 

Leia mais