Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library
 
CSS Library
Submit an original CSS code
CSS Layouts
Web Graphics
Online Tools:

Advertise Here

CSS Library: Form CSS: Here

Pop up form labels

Author: Dynamic Drive

When it comes to filling out form fields, any contextual help is always appreciated. This CSS code takes the label element of a form field and transforms it into a pop up label that's sure to get noticed, not to mention provide guidance. It uses CSS child and adjacent selectors to automatically select the label element that immediately follows the corresponding form element, and with CSS3 transform and positioning, pop it up into view.

Demo (set focus on each form field):

The CSS:

The HTML:

Code Info

Rate this code:

Date Posted: 10/21/2013

Revision History: None

Usage Terms: Click here

Your Comments (0)

Got a question or need help customizing this CSS code? Post it in the CSS Forums. If you have a comment or suggestion instead, post it in the comments section below.


Commenting is not available in this weblog entry.
Copyright 2006-2014 Dynamic Drive Read our Usage Terms before using any of the CSS codes.