Brandon Aaron

Hosted by Media Temple

jQuery Overlabel Plugin Demos

The form below uses the overlabel plugin to make the labels show and hide on the focus and blur events.

Email

Password

Here is the code for this demo.

jQuery(function($) {
    $('#overlabelExample').find('label').overlabel();
});

And the CSS.

form#overlabelExample div { position: relative; }
form#overlabelExample label.overlabel {
    position: absolute;
    top: 4px;
    left: 5px;
    z-index: 1;
    color: #999;
}