O projeto está inativo

Formulário de cadastro com atributos do HTML5

Formulários são uma parte fundamental da web, pois permitem o envio de dados para o back-end da aplicação. Nessa documentação criaremos um formulário de cadastro para uma pizzaria hipotética chamada Hello Pizza.

292

Elemento checkbox

Para deixar nosso formulário ainda mais completo precisamos saber se o nosso cliente quer receber pelo e-mail informado as nossas promoções. Para isso utilizamos o tipo marcação (checkbox), que também serve como um controle para que o usuário informe um ou mais valores simultaneamente, semelhante ao ilustrado na Figura 1.

Caixa de marcação no Google Chrome
Figura 1. Caixa de marcação no Google Chrome

Na Figura 2 vemos como utilizamos o mesmo elemento.

Elemento checkbox no formulário de cadastro
Figura 2. Elemento checkbox no formulário de cadastro

Assim como vimos na criação do elemento radio, aqui também podemos usar o atributo checked para definir um valor padrão, como mostra o código a seguir:

  <div>
    <input type="checkbox" checked /> Desejo receber ofertas por e-mail
  </div>
Série

Esse projeto faz parte da Série Dê o próximo passo após o HTML/CSS!

Chega de perder tempo!
Comece hoje mesmo a programar de verdade
Apenas 12x de R$ 54,90
Por que a DevMedia?
  • Didática focada no iniciante
  • Aprenda construindo projetos reais
  • Domine as tecnologias mais usadas no mercado
  • Professores online o tempo todo
  • + de 8000 exercícios gamificados
  • + de 100 mil alunos formados

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários,
consulte nossa política de privacidade.

Aceitar