In-Field Labels: A Better Way
The effect is achieved by overlaying the label element over the input, password, or textarea and making it semi-transparent when the field has focus. Once a keystroke is detected the label disappears entirely until the field loses focus. If it is empty on blur, then the label fades back in. Clicking on the label auto sets focus on the field.
Related Submissions:
- MooTools Form Field Default Plugin One nice, subtle enhancement you can add to your website is a default input value that disappears when the user clicks into the field and...
- jQuery Hint plugin: EZPZ Hint A simple jQuery plugin for showing a text field’s label inside the textbox itself. The hint disappears when it is given focus, and appears again...
- jQuery: Show Plain Text in a Password Field How to have a password form field which shows “Password” and when the user clicks into it it then becomes a regular password field with...
- Label Element Secret Powers In web forms, label element plays an important role. It describes the corresponding form field, whether it’s a text field, radio button, checkbox or a...
- Labels inside form fields A new pattern is emerging for the placement of input field labels. One which, in my user tests, yields much better results. Labels are now...