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.
Projeto já adicionado aos favoritos. Clique aqui para ver todos seus favoritos
Obrigado pela sua avaliação, deixe o seu feedback nos comentários :D
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 />
Esse projeto faz parte da Série Dê o próximo passo após o HTML/CSS!