Novas funções de formulário em HTML5 (parte 1)

Aqui irei começar a seqüência de post falando sobre as novas funções de formulário usando o HTML5.

Queria, primeiramente, esclarecer que há muitas funcionalidades novas sobre formulários, porém nem todas funcionam corretamente nos navegadores, pois estão ainda em fase de teste. Irei postar SOMENTE as tags que fiz o teste e verifiquei que funcionam (assim como nos posts anteriores).

Atualizado em 03/10/2011

Observe o código abaixo seguido pelo formulário:
.

Formulário com HTML 5








  • 20

Agora vamos entender um pouco dos atributos e em quais navegadores atualmente funcionam:

time : abre um campo onde o usuário coloca uma hora.
date : abre um campo onde o usuário coloca uma data.
mounth : abre um campo onde o usuário coloca um mês.
datetime : abre um campo onde o usuário coloca um data-hora.
Esses 4 atributos funcionam nos navegadores .

number : abre um campo para o usuário colocar somente números. Também é possível definir um mínimo e máximo como descrito acima. Funciona nos navegadores .

email : abre um campo onde o usuário coloca um email. Funciona nos navegadores

range : abre um botão deslizante, onde é possível definir o valor máximo e o mínimo, além de poder normatizar um intervalo entre os valores. No exemplo acima, o botão desliza entre 20 e 80 com intervalos de 5. É importante lembrar que inseri um código de javascript a fim de poder visualizar os valores setados. Funciona nos navegadores .

Para melhor visualização dessas funções abra com o .

É isso pessoal, façam os testes e qualquer dúvida é só comentar.

Valeu

Confira aqui o Tutorial Completo HTML5 2012

Author Description

dukountra

There are 1 comments. Add yours

  1. 8th novembro 2015 | alessandro says: Responder
    oba

Join the Conversation