Floating Label

Etiqueta de flutuação trabalha com formas HTML5 modernas que suportam o atributo de espaço reservado.
Ele funciona através da tomada texto de um espaço reservado e, lentamente, animando-o acima do próprio campo sempre que o usuário se concentra o cursor dentro do formulário.
Se o usuário digitar o texto no campo o espaço reservado permanecerá acima apenas como um rótulo clássico, e se o usuário deixa a caixa de entrada sem inserir qualquer texto ou exclui texto anterior, o espaço reservado é animado de volta para a sua posição normal.
Tudo é feito através de animações CSS3, com absolutamente nenhum JavaScript envolvido.
. A página de demonstração está incluído com o pacote Etiqueta de flutuação

Requisitos :

• CSS 3 navegador habilitado