Instruções
Depure um formulário de doação
Uma instituição de caridade local criou um site de formulário de doação, mas há vários problemas que precisam ser corrigidos. O formulário não é acessível e possui alguns erros de sintaxe em HTML.
Seu trabalho é corrigir todos os erros para que o formulário funcione corretamente e seja acessível a todos os usuários. Complete os itens nas user stories abaixo e clique em "Check Your Code" para ver se você corrigiu todos os erros.
User stories:
1. Os elementos
input são elementos void e não devem ter tags de fechamento. Remova todas as tags de fechamento </input> do formulário.
2. Adicione elementos label para cada campo de entrada do formulário para que os usuários saibam para que serve cada campo. O texto do label deve corresponder ao que está atualmente ao lado de cada entrada.
3. O tipo de entrada Email Address: deve ser um email em vez de text.
4. Você deve associar cada elemento label ao seu elemento input correspondente usando o atributo for no label e um atributo id correspondente no input.
5. Adicione o atributo required aos campos de entrada de texto, email e número (mas não à caixa de seleção ou ao botão de envio) para garantir que os usuários preencham as informações obrigatórias.
O que fazer:
Testes:
- Você não deve ter nenhuma tag de fechamento `</input>` no seu código.
- Você deve ter exatamente cinco elementos `input` no seu formulário.
- Você deve ter exatamente quatro elementos `label` no seu formulário.
- Seu primeiro `label` deve ter o texto `Full Name:`.
- Seu primeiro `input` deve ter um atributo `required`.
- Seu segundo `label` deve ter o texto `Email Address:`.
- Seu segundo `input` deve ter um atributo `required`.
- Seu terceiro `label` deve ter o texto `Donation Amount ($):`.
- Seu terceiro `input` deve ter um atributo `required`.
- Seu quarto `label` deve ter o texto `Subscribe`.
- Você deve associar cada elemento `input` a um elemento `label` usando os atributos `for` e `id`.
- Seu `input` para o endereço de email deve ser do tipo `email`.
- Seu `input` de checkbox não deve ter um atributo `required`.
- Seu `button` de envio não deve ter um atributo `required`.
Preview