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

Adicionando validações ao formulário

Neste curso foi apresentado como validar os controles do HTML através dos atributos type, min, max, min-length, max-length, required e outros, diminuindo a taxa de informações erradas enviadas para o servidor.

Por exemplo, imagine que sem querer o cliente colocasse no campo email um telefone e o HTML não validasse o que foi preenchido; seria necessário fazer essa validação no servidor, o que acabaria aumentando a complexidade ao avaliar os valores preenchidos no formulário.

Outro exemplo dessa validação é com o uso dos atributos min-length e max-length, indicado para definir o valor mínimo e máximo de caracteres que um input ou textarea. Imagine o Twitter sem a definição do campo com limite máximo de 280 caracteres!

Atributo required

Repare que alguns campos do nosso formulário têm preenchimento obrigatório. Para criar esse comportamento utilizamos o atributo required, que quando adicionado a um elemento do formulário, como o input ou o textarea, o navegador passa a verificar se o campo foi preenchido antes que ele seja enviado. Seu uso é semelhante ao fragmento do código abaixo:

<input required />
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