attardi.org

Labels inside form fields

This is one of the best ways to place labels inside input fields, like so:

The solution is based on simple HTML markup, some CSS, and a jQuery plugin. The license is MIT.

Feedback is welcome on Twitter: @steadicat. The code is also on Github.

Demo

Markup

<label class="input">
  <span>Email address</span>
  <input type="text" />
</label>

CSS


    

JavaScript