HTML5 Tutorial: COMO VALIDAR um formulário WEB usando input e CSS

Essa videoaula é um tutorial sobre desenvolvimento web que mostra como validar um formulário WEB usando apenas usando HTML5 e CSS. Para isso serão demonstrados os atributos required, type, minlength, pattern, placeholder e title do elemento input do HTML. Além disso, três regras CSS são implementadas para customizar os inputs quando eles forem válidos e inválidos.

-----LINKS

Sugestões de livros 📘📖📚
** Atenção: Os itens listados nessa página ajudam o canal com uma comissão sempre que você fizer uma compra.

-----LINHA DO TEMPO
0:00 Porque validar o formulário é importante
1:42 O formulário web depois de finalizado
2:06 Conhecendo o código-fonte inicial
7:59 Como usar o atributo required do elemento input
O atributo required do HTML é o responsável por fazer um campo ser obrigatório

9:25 Como usar o atributo Type do elemento input
O atributo type do elemento input é usado para determinar a maneira como texto digitado no campo deve ser tratado.

11:38 Como usar o atributo minlength do elemento input
O atributo input minlength do input define o número mínimo de caracteres que o input deve ter para ser considerado válido

13:05 Como usar o atributo pattern do elemento input
18:05 Como usar o Placeholder e o title do elemento input
20:39 Inserindo regras CSS para customizar o elemento imput

#maurodeboni #desenvolvimentoweb #frontend

[albertooliveira]

Olá Mauro! estou iniciando nesse mundo dev e ao tentar desenvolver um projeto com formulário, me deparei com o seguinte problema: meus inputs não aparecem, não consigo dimensionar o tamanho dele e nem fazer com que ele fique proporcional ao dá o zomm, tem como me ajudar?