HTML & CSS · Capítulo 4
Formulários e acessibilidade
Labels, tipos de input, validação, foco e navegação por teclado.
O que precisas de perceber
Cada controlo precisa de nome acessível. Nunca uses placeholder como substituto de label. Garante contraste, foco visível e ordem lógica de teclado.
EXEMPLO
Vê o código
<label for="email">E-mail</label>
<input id="email" name="email" type="email" autocomplete="email" required>As minhas notas
Escreve apontamentos deste capítulo. Ficam apenas neste dispositivo.
Guardado localmente.Exercício
Constrói um formulário de contacto totalmente utilizável só com teclado.