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

Organizando o formulário

Para organizar e agrupar nosso formulário em blocos podemos utilizar o elemento fieldset de forma que organize os itens em um bloco. Sua sintaxe é a seguinte:

  <fieldset>
    <div>
    <label>Email:</label>
    <input type="email" name="email" minlength="6" multiple required />
    </div>
     ....
  </fieldset>

Depois de construir o bloco podemos criar um título para ele utilizando o elemento legend, que é escrito da seguinte forma:

  <fieldset>
    <legend>Conta:</legend>
    <div>
    ....
  </fieldset>

O resultado pode ser visto na Figura 1.

Bloco conta
Figura 1. Bloco conta

Com isso finalizamos o nosso formulário, que tem a mesma aparência da Figura 2.

Formulário finalizado
Figura 2. Formulário finalizado
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