Drupal is a registered trademark of Dries Buytaert
cms 2.1.3 — Update released for Drupal core (2.1.3)! drupal 10.5.11 — Update released for Drupal core (10.5.11)! drupal 11.3.11 — Update released for Drupal core (11.3.11)! drupal 11.2.13 — Update released for Drupal core (11.2.13)! drupal 10.6.10 — Update released for Drupal core (10.6.10)! cms 2.1.2 — Update released for Drupal core (2.1.2)! drupal 11.1.10 — Update released for Drupal core (11.1.10)! drupal 10.5.10 — Update released for Drupal core (10.5.10)! drupal 10.4.10 — Update released for Drupal core (10.4.10)! drupal 11.2.12 — Update released for Drupal core (11.2.12)! drupal 11.3.10 — Update released for Drupal core (11.3.10)! drupal 10.6.9 — Update released for Drupal core (10.6.9)! drupal 10.6.8 — Update released for Drupal core (10.6.8)! drupal 11.3.9 — Update released for Drupal core (11.3.9)! drupal 11.3.8 — Update released for Drupal core (11.3.8)! drupal 11.3.7 — Update released for Drupal core (11.3.7)! drupal 11.2.11 — Update released for Drupal core (11.2.11)! drupal 10.6.7 — Update released for Drupal core (10.6.7)! drupal 10.5.9 — Update released for Drupal core (10.5.9)! cms 2.1.1 — Update released for Drupal core (2.1.1)!
← All modules

float_labels

101 sites No security coverage
View on drupal.org

Applies configurable, JS-enhanced floating CSS labels to Drupal forms in a similar fashion as laid out here: http://jsfiddle.net/RyanWalters/z9ymd852/

There is a settings page where you can enter the form IDs you wish this to apply to, and that's generally all that's required (beyond styling customizations for your use case).

As seen in the screenshot:

  • The first two items have values typed into them. Their labels are permanent affixed to the top of the input as a result.
  • The third item has no value typed into it and is not focused. It works just like a placeholder.
  • The fourth item is the currently-focused item, ready for typing.

CSS3 animations are used to transition the label.

Select fields are now also supported. Rather than having a floating label, their default value is replaced with their label, and then the label hidden.

Activity

Total releases
1
First release
Jun 2026
Latest release
3 days ago
Release cadence
—
Stability
100% stable

Releases

Version Type Release date
2.0.0 Stable Jun 10, 2026