HTML 5 - Elementos de Formulários

São novos os valores para o atributo type da tag input descritos por color, date, datetime, datetime-local, email, number, time, search, range, tel, week. Veja a seguir exemplos de cada uma das input 's estudadas:

• color: Insere um menu de seleção de cores. Caso o seu navegador tenha se adaptado ao HTML5, observe a seguir como funciona essa input:
  <input type="color">
• date: Insere um menu para seleção de data. Observe:
  <input type="date">
• datetime: Insere um menu para seleção de data e horário no UTC. Observe:
  <input type="datetime">
• datetime-local: Insere um menu para seleção de data ou horário local. Observe:
  <input type="datetime-local">
• email: Coloca um campo para a entrada de um endereço de um correio eletrônico, nele o próprio navegador faz a validação, isto é, o próprio browser verifica se foi digitado o @ e o ponto. Observe:
  <input type="email">
• number: Coloca um elemento para que o visitante seleciona um numero. Observe:
  <input type="number">
• time: Insere um menu para seleção de hora. Observe:
  <input type="time">
• search: Insere um elemento para pesquisa. Observe:
  <input type="search">
• range: Insere um elemento para variação. Observe:
  <input type="range">
• tel: Insere um elemento para inserir telefone. Observe:
  <input type="tel">
• week: Insere um elemento para selecionar semana. Observe:
  <input type="week">
• month: Insere um elemento para selecionar mês. Observe:
  <input type="month">

Caso algum dos elementos vistos acima não funcione corretamente, saiba que o seu navegador ainda não se adaptou plenamente ao HTML5. Como o HTML5 ainda é novidade, nem todos os navegadores se adaptaram.