← Trilha· Lição 4 de 7

Formulários acessíveis

label, input, button, fieldset e validação nativa do HTML.

Formulários bons começam no HTML — antes de qualquer JavaScript.

Regras de ouro

Todo controle tem um <label> associado (for/id ou wrapping).
Use o type certo: email, tel, url, number.
button type="submit" envia; type="button" não.
required, minlength, pattern dão validação nativa.

fieldset e legend

Agrupe rádios/checkboxes relacionados:

<fieldset>
  <legend>Preferência de contato</legend>
  ...
</fieldset>