Switches
Add class of .form-control with <input> tag
Single Switche
Multiple Switches
Enable Disable Switches
Color Switches
Switch Sizes
Switch Pure Css
Custom Switch Pure Css
disabled=""
Custom Size Switch Pure Css .switch-lg or .switch-sm e.t.c


Radio
Add class of .form-control with <input> tag
Radio Fill Button
Radio outline Button
Radio Button

Color Radio Button

Color Radio material Button
Checkbox
Add class of .form-control with <input> tag
Border Checkbox

Fade-in Checkbox

Color Checkbox


Extra Color Checkbox


Zoom Checkbox

Tags Input
Add class of .form-control with <input> tag
Markup

Just add data-role="tagsinput" to your input field to automatically change it to a tags input field.

Colors

You can set a fixed css class for your tags, or determine dynamically by providing a custom function.

Max-Tags

Just add "tags_max" to your input field to automatically change it to a tags input field.

Max-Characters

Just add "tags_max_char" to your input field to automatically change it to a tags input field.

Multiple

Just add "tags_add_multiple" to your input field to automatically change it to a tags input field.

Max Length
Add class of .form-control with <input> tag
Default

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

Threshold

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

Color-labels

Just add color-classwith input

Play With Positions

All you need to do is specify the placement option, with one of those strings. If none is specified, the positioning will be defaulted to 'top-left'.

Also Working With Textarea

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