john.doe

# Forms > Form Plugins

- ##### My Income $47,171

  1300, 1877, 2500, 2577, 2000, 2100, 3000, 2700, 3631, 2471, 2700, 3631, 2471

- ##### Site Traffic 45%

  110,150,300,130,400,240,220,310,220,300, 270, 210

- ##### Site Orders 2447

  110,150,300,130,400,240,220,310,220,300, 270, 210

## x-ediable

Auto Open Next
Open Inline

Simple text field | superuser
Empty text field, required |
Select, local array, custom display |
Select, remote array, no buttons | Admin
Select, error while loading | Active
Datepicker | 25.02.2013
Combodate (date) |
Combodate (datetime) |
Textarea, buttons below. Submit by ctrl+enter | awesome user!
Twitter typeahead.js |
Checklist |
Select2 (tags mode) | html, javascript
Select2 (dropdown mode) |
Custom input, several fields |

## Sliders

Smart Scale Slider
noScale Slider
Default
Range slider (20 - 60)
Default Slider (disabled)
Skips a beat
JQuery UI Slider
`.slider .slider-danger`
`.slider .slider-success`
`.slider .slider-warning`
`.slider .slider-info`
`.slider .slider-primary`

    Usage

    				<input data-slider-min="10" ..  />
    				data-slider-orientation="vertical"  // vertical or horizontal
    				data-slider-step="1"                // increment step
    				data-slider-min="10"                // slider min value
    				data-slider-max="500"               // slider max value
    				data-slider-value="315"             // handler position on slider
    				data-slider-selection = "after"     // handler position on slider
    				data-slider-handle="round"          // round or square
    				data-slider-tooltip = "show"        // show or hide

## Bootstrap Duallist Box

## Plugins & Enhancers

Select 2
Select2 Plugin (select)
Usage: <select style="width:100%" class="select2" ">...</select>
Select2 Plugin (multi-select)
Usage: <select multiple style="width:100%" class="select2" >...</select>
Date Picker (Jquery UI)
Select a date (single):
Select a date (range):
Bootstrap Timepicker
Timepicker (default):
Clockpicker
Clockpicker:
Spinners
Default
Decimal spinner
Increment spinner
Color Pickers
Color Picker (HEX)
Color Picker (RGBA)
Tags
Type and enter to add tag

## All Masking

USAGE: <input type="text" data-mask="99/99/9999" data-mask-placeholder= "-">

Input Masking made easier!
Date masking

Data format **/**/****

Phone masking

Data format (XXX) XXX-XXXX

Credit card masking

Data format ****-****-****-****

Serial number masking

Data format ***-***-***-***-***-***

Tax ID masking

Data format 99-9999999

## JS Knob

JS Knob Input

- Mail 14
- Calendar
- Maps
- Invoice 99
- Gallery
- My Profile