Colete informações com formulários
Construa formulários com labels, tipos corretos e submit.
- Conectar labels a inputs e escolher tipos adequados.
Form agrupa controles de entrada. Cada input deve ter label visível associado por for/id.
1<form action="/signup" method="post">
2 <label for="email">Email address</label>
3 <input id="email" name="email" type="email" required>
4 <button type="submit">Join the list</button>
5</form>Email address Join the list
name identifica o valor enviado no submit. required e tipos nativos ajudam validação inicial sem JavaScript.
Principais conclusões
Conectar labels a inputs e escolher tipos adequados.
Prefira elementos semânticos para comunicar intenção.
Mantenha estrutura legível para pessoas e ferramentas assistivas.
Quiz da aula
5 perguntas · aprovação com 4 acertos · até 50 XP
Ao passar, você conclui a aula e mantém sua sequência. As perguntas erradas voltarão em sessões de revisão.
Pratique: escreva código em HTML
Escreva a marcação, veja a prévia em um frame isolado do navegador e compare o texto visível com os requisitos.
Formulário de inscrição no evento
Crie labels Your name e Email address, inputs name/email com tipos text/email e botão Sign up.
- Texto do formulário
Sua marcação aparece em uma prévia isolada. Execute os testes para conferir o texto visível da página.
Dúvidas sobre esta lição
Travou em algum ponto? Pergunte. Descobriu algo? Compartilhe. Explicar também é uma ótima forma de aprender.
Carregando publicações…