Floating Label

Label Floating funcționează cu forme moderne HTML5 care susțin atributul substituent.
Acesta acționează prin luarea textului un înlocuitor și încet animarea l deasupra câmpului în sine ori de câte ori utilizatorul se concentrează cursorul în interiorul formei.
Dacă utilizatorul introduce text în câmpul substituentul va rămâne la fel ca mai sus o etichetă clasic, iar în cazul în care utilizatorul părăsește caseta de intrare fără a introduce orice text sau șterge text anterior, substituentul este animat din nou în poziția sa normală.
Totul se face prin animații CSS3, cu absolut nici o JavaScript implicat.
. O pagină demo este inclus în pachetul de eticheta plutitoare

Cerințe :

• CSS 3-ului browser