Form Advanced

Bootstrap TouchSpin

A mobile and touch friendly input spinner component for Bootstrap

Using data attributes
Example with postfix (large)
With prefix
Init with empty value:
Value attribute is not set (applying settings.initval)
Value is set explicitly to 33 (skipping settings.initval)

Colorpicker

Simple jQuery Based Color and Gradient Picker - asColorPicker.

Simple mode
Gradiant mode
Complex mode

Bootstrap MaxLength

This plugin integrates by default with Twitter bootstrap using badges to display the maximum lenght of the field where the user is inserting text.

Default usage

The badge will show up by default when the remaining chars are 10 or less:

Threshold value

Do you want the badge to show up when there are 20 chars or less? Use the thresholdoption:

All the options

Please note: if the alwaysShowoption is enabled, the thresholdoption is ignored.

Position

All you need to do is specify the placementoption, with one of those strings. If none is specified, the positioning will be defauted to 'bottom'.

textareas

Bootstrap maxlength supports textarea as well as inputs. Even on old IE.

Clock Picker

Simple jQuery Based Color and Gradient Picker - asColorPicker.

Default Clock Picker
Auto close Clock Picker
Left Placement
Now time

Bootstrap Material Datetimepicker

An example of Bootstrap Material DatePicker.

Default Material Date Picker
Default Material Date Timepicker
Time Picker
Min Date set

Select2 Components

jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.

Single select
Multiple Select

Switches

Radios

Checkboxes