How to Display Labels in Form Elements with Compact Forms and In Field Labels

A client recently asked if form labels can be displayed within a form element. More specifically, they wanted the field labels on the user login and registration page to be placed inside of the field or overlaid.

This can easily be achieved using JavaScript or a jQuery plugin. Seeing as the site was built using Drupal, I went in search for a module to do the trick and found two modules: “Compact Forms” and “In Field Labels”.

In this video, I’ll show you how to implement both modules and it should help you decide which one to use.

Modules

• Compact Forms (7.x-1.0)
• In Field Labels (7.x-1.1)

Drush command:

drush dl compact_forms In-Field-Labels