Desafio: Input e Label

🏁 Objetivo

Elevar a experiência do usuário no site criando um formulário interativo que requer entradas para name, email e password com os rótulos associados.

Incorpore um formulário fácil de usar em seu site, aumentando o envolvimento e a interação do usuário. Sua tarefa é:

• Para a entrada Name: criar uma entrada de texto que coleta os nomes dos usuários. Utilize os atributos corretos para garantir uma experiência sem problemas;
  1. Defina o type apropriado para a entrada name;
  2. Defina o placeholder como John;
  3. Garanta que a entrada esteja focada por padrão.
• Para a entrada Email: estabelecer uma entrada de e-mail que colete os endereços de e-mail dos usuários. Garanta a precisão dos dados utilizando os atributos apropriados;
  1. Defina o type correto para a entrada email;
  2. Defina o placeholder como example@gmail.com;
  3. Marque o campo como obrigatório.
• Para a entrada Password: criar uma entrada de senha segura que mantenha os dados do usuário protegidos. Utilize os atributos apropriados para aprimorar a proteção de dados;
  1. Defina o type correto para a entrada password;
  2. Torne o campo obrigatório.

1. autofocus: foca automaticamente no campo de entrada quando a página é carregada;
2. required: marca o campo de entrada como obrigatório, impedindo o envio do formulário se estiver vazio;
3. placeholder: fornece uma dica ou um texto de exemplo para o campo de entrada;
4. for e id: associa um rótulo a um campo de entrada para melhorar a acessibilidade;
5. type: especifica o tipo de dado esperado no campo de entrada (por exemplo, text, email, password).