AngularJS / Bootstrap floating labels

Changed this little snippet to be an angularJS Directive.

A new placeholder UI design for Bootstrap forms. Inspired by Mark D. Smith's Dribbble post and @jverdi's JVFloatLabeledTextField.

Bootstrap implementation by: fauxparse

DEMO

Requirements

• AngularJS (tested with 1.2.1)
• Bootstrap 3.0
• jQuery 1.10.x or later
• Taste

Usage

• Add the directive in floating-labels.js to your angular Project.
• Place the inline-label attribute on any input you want the floating label

Options

You can adjust the placement with the pos attribute (pos="top"). Available are top (default), bottom, left, right.

Todo

• Remove jquery Selectors