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