← Ruta· Lección 4 de 7

Formularios accesibles

label, input, button, fieldset y validación nativa de HTML.

TODO i18n: Traducción completa del cuerpo pendiente. Título y descripción ya están localizados; el cuerpo permanece en portugués por ahora.

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>