Floating Label

Flytande Label arbetar med moderna HTML5 former som stöder platshållare attribut.
Det fungerar genom att ta en platshållare text och långsamt animera den ovanför själva fältet när användaren fokuserar markören i formuläret.
Om användaren anger text i fältet platshållare kommer att förbli över precis som en klassisk etikett, och om användaren lämnar inmatningsrutan utan att ange någon text eller tar bort tidigare text är platshållare animerade tillbaka på sin normala position.
Allt sker via CSS3 animationer, med absolut ingen JavaScript inblandade.
. En demosida medföljer Flytande Label paketet

Krav :

• CSS 3 aktiverad webbläsare