Forms > Form Plugins

  • My Income $47,171
  • Site Traffic  45%
  • Site Orders  2447

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
JQuery UI Slider
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

Plugins & Enhancers

Select 2
Usage: <select style="width:100%" class="select2" ">...</select>
Usage: <select multiple style="width:100%" class="select2" >...</select>
Date Picker (Jquery UI)
Bootstrap Timepicker
Spinners
Color Pickers
Tags

All Masking

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

Input Masking made easier!

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

Data format (XXX) XXX-XXXX

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

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

Data format 99-9999999

JS Knob

JS Knob Input