In the app I’m building I have more than a few forms. No surprise there. A customer will need to sign up, sign in, enter their email if they forgot their password, fill out their profile, create a new product, and more! That is pretty standard for almost any web application.
So as I was playing around with my forms, my friend @allnick suggested I use only placeholders with no label fields.
Here is what my Sign Up form looked like originally with the label fields:
Here is what it now looks like with only placeholders:
I personally LOVE just the placeholders, and will be going slightly overboard with these. To add one of these, simply use the HTML5 placholder attribute. Keep in mind that not all browsers support it, so if you have customers who use Internet Explorer, make sure to figure out alternate ways of displaying this information for those browsers.