Passo 3: Formulário de contato
Uma página de perfil só está completa quando dá para alguém entrar em contato. Aqui entra tudo o que vimos sobre formulários acessíveis.
Estudar esta lição interativa →Falta o jeito de alguém interessado falar com você. Vamos adicionar uma terceira section, "Contato", com um formulário simples: nome, e-mail e mensagem. As seções "Sobre mim" e "Projetos" continuam exatamente como estavam; só a de contato é nova. Nada de placeholder no lugar de label: cada campo segue o que aprendemos nos Módulos 5 e 8.
🧩 Este conteúdo é interativo — abra no app para ver e rodar de verdade. A seção de contato, com formulário completo, labels associados e tipos de campo corretos.
Vale reparar nas escolhas: o campo de e-mail usa type="email" (Módulo 5), a mensagem usa um textarea (mais espaço do que um input de uma linha), e o botão é explicitamente type="submit", sem depender do valor padrão. E, claro: todo campo tem um label associado via for/id, sem exceção. Do Módulo 8 entram dois atributos: required nos três campos (o navegador impede o envio vazio e avisa qual campo falta) e autocomplete (name e email), que deixa o navegador oferecer os dados que a pessoa já salvou, em vez de ela digitar tudo de novo.
Este formulário não tem para onde enviar os dados de verdade (isso exigiria um servidor, fora do escopo deste curso). O foco aqui é 100% a estrutura correta do formulário: tipos de campo certos, labels associados, botão explícito. Um formulário assim já está pronto para, no futuro, ser conectado a qualquer serviço de envio.