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

Construindo campos para datas e números

Agora que já inserimos no nosso formulário o endereço e o telefone, agora precisamos da data de nascimento do nosso cliente e para isso vamos inserir o campo date, usado para informar dia, mês e ano. Em aparelhos móveis esse campo faz com que o teclado exiba uma interface semelhante ao ilustrado na Figura 1.

Teclado do iOS para campos de data
Figura 1. Teclado do iOS para campos de data

Sua sintaxe básica é apresentada a seguir:

<input type=”date” />

Campo numérico

O tipo number é usado para representar um campo de tipo número, e no nosso formulário será usado para informar o número do endereço. Em aparelhos móveis o teclado numérico passa a ser exibido quando esse elemento recebe foco, dando ao usuário uma experiência semelhante ao ilustrado na Figura 2.

Teclado do iOS para campos numéricos
Figura 2. Teclado do iOS para campos numéricos

Além disso, é possível definir o valor mínimo e máximo a ser inserido nesse campo, usando o atributo min e max, respectivamente, como mostra a sintaxe a seguir:

<input type=”number” min=”1” max=”999” />
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