Input Groups Extend form controls by adding text or buttons before, after, or on both sides of any text-based inputs.

Basic Example - Place one add-on or button on either side of an input. You may also place one on both sides of an input.













Floating Labels - Basic example for input groups with floating labels




Different Sizes - You may use the extra sizing classes to change size of the fields./p>




Input Mask An input mask helps the user with the input by ensuring a predefined format. This can be useful for dates, numerics, phone numbers etc...

Select 2 Select2 gives you a customizable select box with support for searching, tagging, remote data sets, infinite scrolling, and many other highly used options.

Basic Example - Single Select

Placeholder Text

Disabled Select

Disabled Results

Hide Search Box

Multiple

Toggle Switch CSS only Checkbox based toggle Switches.

Basic Example

Active State

Disabled

Input Slider noUiSlider is a range slider without bloat. It offers a ton off features, and it is as small, lightweight and minimal as possible, which is great for mobile use on the many supported devices.

Basic Example



Range Slider



Output Values

Date Time Picker Date/time picker widget based on twitter bootstrap

Basic Example - Date and Time Picker

Date Picker only

Time Picker only

Color Picker Simplt HEX and HSL color picker with customizable options


Simple File Input This file input plugin allows you to create a visually appealing file or image input widgets

Basic Example

Select file Change


Image Preview

Remove Select image Change


Image preview only works in IE10+, FF3.6+, Safari6.0+, Chrome6.0+ and Opera11.1+. In older browsers the filename is shown instead.