Inline labels

Can anyone tell me how to get inline form labels?

What I mean by that is that I want the label itself actually IN the form field instead of above or alongside it. Saves space and I think it looks cleaner.

I was playing around with bootstrap extension and noticed that they do this but I am not sure what the technique is.

It’s called a placeholder:



You need to use modernzr.js or similar if you target older browsers.