Html5

Programação Web
Formulário HTML5

Formulário HTML5
Um formulário é um componente de uma página web que possui controles, como campos de textos, botões, caixas de seleção ou de combinações, lista e etc. É normalmente utilizado para cadastrar e manipular dados de clientes, funcionários e produtos em sites de comércio eletrônico, enviar sugestões e/ou reclamações às empresas, vaidar a entrada de usuários em áreas restritas etc. A validação automática de campos de entrada de e-mail, valores numéricos, datas, URL etc, é sem dúvida a principal inovação do HTML5 no que diz respeito a formulário.

Formulário HTML5
Os formulários podem ser criados por meio do elemento . No interior desse elemento pode ser utilizado um conjunto de outros elementos para gerar controles do formulário. Nome: Nome:

Formulário HTML5
O elemento O elemento input gera um campo em que o usuário pode selecionar ou entrar com dados de várias maneiras. O que define como será a entrada é o atributo type. No HTML4 o elemento input permitia apenas os tipos de campo como button, checkbox, file, hidden, image, password, radio, reset, submit e text. No HTML5 foram criados mais alguns tipos como color, date, datetime, datetime-local, email, month, number, range, search, tel, time, url e week.

Formulário HTML5
O campo tipo tel Para definir um camo de entarda de telefone, é necessário que o elemento possua o atributo type com valor “tel” Tel:

Formulário HTML5
O campo tipo tel O atributo pattern permite inserir uma expressão regular para validação da entrada de dados em um campo do tipo “tel”. O atributo placeholder exibe um valor no campo até que ele receba o foco e ao receber o foco o valor desaparece Tel:

Formulário HTML5
O campo tipo email Para definir um campo de entarda de e-mail, é necessário que o elemento possua o atributo type com valor “email” E-mail:

Formulário HTML5
O campo tipo url Para definir um