Desafio: Criar Formulário com Campos e Rótulos
Objetivo
Aprimorar a experiência do usuário no site criando um formulário interativo que exija entradas para nome, e-mail e senha, cada uma com seus respectivos rótulos.
Tarefa
Adicione um formulário simples e intuitivo à sua página. Siga estes requisitos:
- Entrada de nome
- Utilize um campo de texto.
- Defina o placeholder como
John. - Deixe o campo em foco por padrão (autofocus).
- Entrada de e-mail
- Utilize um campo de e-mail.
- Defina o placeholder como
example@gmail.com. - Marque o campo como obrigatório.
- Entrada de senha
- Utilize um campo de senha.
- Torne este campo obrigatório.
index.html
index.css
autofocus: foca automaticamente o campo de entrada quando a página é carregada.required: torna o campo de entrada obrigatório, impedindo o envio do formulário se estiver vazio.placeholder: fornece uma dica ou texto de exemplo para o campo de entrada.foreid: associa um rótulo a um campo de entrada para melhorar a acessibilidade.type: especifica o tipo de dado esperado no campo de entrada (por exemplo, text, email, password).
index.html
index.css
Obrigado pelo seu feedback!
Pergunte à IA
Pergunte à IA
Pergunte o que quiser ou experimente uma das perguntas sugeridas para iniciar nosso bate-papo
Incrível!
Completion taxa melhorada para 2.38
Desafio: Criar Formulário com Campos e Rótulos
Deslize para mostrar o menu
Objetivo
Aprimorar a experiência do usuário no site criando um formulário interativo que exija entradas para nome, e-mail e senha, cada uma com seus respectivos rótulos.
Tarefa
Adicione um formulário simples e intuitivo à sua página. Siga estes requisitos:
- Entrada de nome
- Utilize um campo de texto.
- Defina o placeholder como
John. - Deixe o campo em foco por padrão (autofocus).
- Entrada de e-mail
- Utilize um campo de e-mail.
- Defina o placeholder como
example@gmail.com. - Marque o campo como obrigatório.
- Entrada de senha
- Utilize um campo de senha.
- Torne este campo obrigatório.
index.html
index.css
autofocus: foca automaticamente o campo de entrada quando a página é carregada.required: torna o campo de entrada obrigatório, impedindo o envio do formulário se estiver vazio.placeholder: fornece uma dica ou texto de exemplo para o campo de entrada.foreid: associa um rótulo a um campo de entrada para melhorar a acessibilidade.type: especifica o tipo de dado esperado no campo de entrada (por exemplo, text, email, password).
index.html
index.css
Obrigado pelo seu feedback!