Conteúdo do Curso
HTML Definitivo
HTML Definitivo
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 um com seus respectivos rótulos.
Tarefa
Incorporar um formulário intuitivo ao seu site, promovendo maior engajamento e interação do usuário. Sua tarefa é:
Para o campo de nome: criar um campo de texto para coletar os nomes dos usuários. Utilize os atributos corretos para garantir uma experiência fluida.
Definir o
type
apropriado para o campo de texto;Definir o
placeholder
comoJohn
;Garantir que o campo esteja em foco por padrão.
Para o campo de e-mail: criar um campo de e-mail para coletar os endereços de e-mail dos usuários. Assegure a precisão dos dados utilizando os atributos adequados.
Definir o
type
correto para o campo de e-mail;Definir o
placeholder
comoexample@gmail.com
;Marcar o campo como obrigatório.
Para o campo de senha: criar um campo de senha seguro para proteger os dados do usuário. Utilize os atributos apropriados para reforçar a segurança dos dados.
Definir o
type
correto para o campo de senha;Tornar o campo obrigatório.
index.html
index.css
autofocus
: foca automaticamente no campo de entrada ao carregar a página.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.for
eid
: 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, texto, email, senha).
index.html
index.css
Obrigado pelo seu feedback!