43 JQuery Label Plugins

If you try to place labels for points on a timeline (or any 1D space), one common problem is the labels often overlap. How about making the labels push each other. Use the force, jedi-style.Play with interactive demo to learn more.....
Core Java Script

jQuery.wordbox.js makes it easy to create category tags and classify labels. .....
Plugins

This jQuery plugin allows you to use placeholders as labels in your Bootstrap forms.It fully supports Bootstrap ~> 3.0No markup changes required if used with BootstrapIt uses :before pseudo-element instead of adding its own ele.....
Bootstrap Forms Plugins

Augments form labels to behave like placeholders, but with a twist. .....
Animation Forms

Labelmask is a way to create accessible input hinting without using input masks. .....
Forms Plugins

A nice and lightweigth jQuery plugin that gives beauty to checkboxes and radio buttons and allows custom labels for each status of (un)checked inputs. .....
Plugins

label.css is just a simply easy way to label each element you want.Label.css supports both outside and inside positions as the label place. Use the class outside to put the label outside of the element and inside to put it inside......
Plugins

A simple fully customizable form enhancement jQuery plugin for in-field label support. .....
Forms Plugins

Follows the famous Float Label Pattern. Built on jQuery.The Float Label Pattern found his success after Brad Frost wrote a blog post about Float Label Patterns. The idea is based on a Dribbble Shot by Matt D Smith. The Pattern is .....
Forms Plugins

jQuery Label Better will let you create a beautiful unobtrusive label for your form’s input fields. The uniqueness about this plugin is that all you have to do is add a placeholder text, and we will show the label only when .....
Animation Forms Plugins

A jQuery plugin for displaying inline labels similar to HTML 5’s placeholders, that lets you style the placeholder text.Hiding and re-showing inline label text like “don’t know” within an empty HTML input o.....
Forms Plugins

jLabel is a jQuery plugin that formats text input fields with unobtrusive labels featuring interactive suggestions. This allows input fields to be labelled clearly and presented with minimal interface obstruction. .....
Forms Plugins

This plugin was born out of the need to use the label-over-field method for forms I was working on. There are other plugins out there that do pretty much the same thing, but none of them had the – for lack of a better word &.....
Forms Plugins

This is often implemented in a way that the label in the value of the @ value attribute of input element or the content of the textarea element is set, the training and insertion is done by JavaScript.  The technical implementati.....
Forms

Hovercard is a free light weight jQuery plugin that enables you to display related information with the hovered label, link, or any html element of your choice. It comes with built in Twitter and Facebook hovercard. .....
Ajax Forms Other API Plugins Popup Window

In-Field Labels is a simple jQuery plugin that turns properly formatted HTML forms into forms with in-field label support. Labels fade when the field is focussed and disappear when text entry begins. Clearing a field and leaving b.....
Forms Plugins Web

A jQuery plugin that applies highlight and shadow effects to text in a control so as to create a 3d effect. .....
CSS Text Effect

Notice how I can pass a SVG data-uri as the icon image for a google maps marker & change its content via js. This way we retain all the behaviour for default maker but with our custom pin! Only real caveat to this technique i.....
Google Map

.....
Google Map

My take on floating labels with ParsleyJS form validation baked-in .....
Validation

Sign up form with CSS-only floating labels, jQuery validation and Show password functionality. .....
Validation

floating-labels is a jQuery plugin used to create Material Design inspired text fields with animated floating labels for Bootstrap 4......
Bootstrap bootstrap-4 Input-label Float-Label-Pattern

A robust, highly customizable QR code generator which helps you dynamically generate QR codes with custom images (for logos) and labels (for call-to-action text)......
QR-Code

Yet another jQuery implementation of the Float Label Pattern that lets you create floating labels for input fields when focused or blurred......
Input-label Float-Label-Pattern

A simple, lightweight jQuery plugin for creating Material Design style inputs that transform the Bootstrap 4 form label into floating labels when the text fields are focused or clicked......
Float-Label-Pattern Bootstrap bootstrap-4 Input-label

Floatify is a super tiny jQuery plugin that makes the placeholders displayed as floating labels on the top of the text fields while typing......
Float-Label-Pattern Input-label Placeholder

Floating Form Labels is a jQuery plugin to create the float label pattern that floats the inline label up above the text field when focused. Supports both input field and textarea......
Float-Label-Pattern Input-label

flying-labels.js is a jQuery plugin that helps you create floating labels (placeholders) with CSS3 animations for your input and textarea elements......
Float-Label-Pattern Input-label Placeholder

Just another jQuery plugin for floating label pattern that converts the placeholders of your input fields into floating labels when you start typing......
Float-Label-Pattern Input-label

Labelauty is a stunning and subtle jQuery plugin for creating checkboxes and radio buttons with checked or unchecked custom labels......
Checkbox radio-button

Just another jQuery plugin to implement the iOS and Material Design inspired animated Float Label Pattern for Bootstrap form fields......
Float-Label-Pattern Bootstrap Input-label

Yet another jQuery implementation of the Material Design inspired float label pattern that is fully customizable and uses CSS3 transitions for fallback browser support......
Float-Label-Pattern Input-label Material-Design

Fluid Labels is a jQuery plugin used for creating mobile-friendly floating html labels that allow the user to keep track of the current input field or textarea......
Float-Label-Pattern Input-label Placeholder

nicelabel.js is a tiny jQuery plugin that converts the default checkboxes and radio buttons into nice toggleable switches and/or selectable labels......
Checkbox radio-button Switch Toggle-Button

A smart placeholder plugin which displays floating labels in the form fields to help the user keep track of the current input field......
Float-Label-Pattern Input-label Placeholder

A smart, user-friendly placeholder which uses JavaScript and CSS to place the placeholder text in the upper-right corner of the input field when the user starts typing......
Float-Label-Pattern Input-label Placeholder input

Polymer Form is a jQuery plugin helps you create Material Design inspired customizable floating labels for text fields with placeholders, as you seen in Polymers project......
Material-Design input Input-label Placeholder

Selectify is a simple jQuery plugin that converts standard select options into checkable inline labels for easier selecting......
Select

placeholder.js is a jQuery plugin that uses label and CSS / CSS3 to create animated placeholders for your text fields (input and textarea)......
Input-label Placeholder

A tiny jQuery plugin that adds cool CSS3 powered user interaction effects to your form fields, following the Google Material Design specification......
Material-Design Input-label

Awesome Label is a jQuery plugin for creating Material Design inspired animated floating form labels. Works with input & texarea fields......
Float-Label-Pattern Input-label Material-Design

A very simple jQuery plugin that creates static inline or animated floating labels for input fields with placeholders......
input Input-label Placeholder

LabelSlider.js is a small jQuery plugin that convert the form labels into slider controls based on jQuery UI draggable component......
jQuery-UI input Drag Label