Floating Label

Плавучий этикетки работает с современными формами HTML5, которые поддерживают атрибут заполнителя.
Он работает путем принятия текста заполнителя и медленно анимации его выше самого поля, когда пользователь фокусируется курсор внутри формы.
Если пользователь вводит текст в поле заполнитель будет оставаться выше так же, как в классическом лейбле, и если пользователь покидает поле ввода без ввода текста или удаляет предыдущий текст, заполнитель анимированные обратно в свое нормальное положение.
Все это делается с помощью CSS3 анимации, абсолютно без JavaScript участие.
. Демо страница входит в Плавучий этикетке упаковки

Требования

• CSS 3 включен браузер