FlowupLabels

FlowupLabels is for modern forms that utilize inline labels.

Every time the user focuses inside a form field, instead of removing the label textaltogether, this plugin cuts down its size and moves it above the form field.

By not removing this placeholder text and making it smaller, the label stays visible, a recommended UX practice that will always let the user know what kind of data is expected from him to enter in that particular form field.

FlowupLabels works with actual HTML semantic label tags and not with placeholders.

Support is included for pre-filled form fields and returning the label text to its original size if the user does not put anything in a form field.

A demo is included with the download package.

Requirements:

• JavaScript enabled on client side
• jQuery 1.7.2 or higher