Cada campo precisa se apresentar

Vamos descobrir juntos

1. 1

   Um label visível explica um controle. for="alias" deve corresponder ao id="alias" do input; clicar no rótulo leva ao campo. Id identifica o elemento; name identifica seu valor numa submissão de formulário.

2. 2

   Placeholder é uma pista temporária e desaparece ao digitar; não substitui o label. Coloque instruções persistentes perto do campo e associe-as com aria-describedby quando necessário. O atributo complementa o HTML nativo, não corrige instruções vagas.

3. 3

   Agrupe opções relacionadas com fieldset e nomeie o conjunto com legend. Botões radio do mesmo grupo compartilham name; cada opção tem seu próprio id e label. Select oferece escolhas nativas sem exigir construir um menu próprio.

4. 4

   Neste treino use apenas um apelido inventado e escolhas de atividade. Nada é uma inscrição real. Na prévia, digite, clique nos rótulos e navegue por teclado; o conteúdo dos campos não é enviado nem vira rascunho do código.