Compact form labels

Compact form labels is a jQuery plugin based on ideas from the article Making Compact Forms More Accessible.

The plugin allows labels positioned over form inputs to be hidden when field is focussed or populated.

Known issues

  1. When a browser remembers the value of the field and populates the value after page load, the labels may be visible as well as the fields being populated.
    To do: Investigate potential fixes: This may be fixed by checking the field value 1 second after page load, or potentially by checking the onchange event.

Working example

A complete demonstration of compact form labels is available.


Compact form labels is licensed under the The GNU General Public License (GPL), by downloading it you are agreeing to abide by the terms of that license.


Download the complete compact form labels 0.1 example package (.zip)

Individual files

Posted in

Leave a reply