Please wait...


Please check out here Official Documentation


Just add data-rule="quantity" to your input field.


Just add data-rule="currency" to your input field.


Just add data-rule="percent" to your input field.


Just add data-rule="month" to your input field.


Just add data-rule="hour" to your input field.

Customize (even number less than 200)

Old = , New =

Multi Select

Please check out here Official Documentation

Select Splitter

Please check out here Official Documentation

Tags Input

Please check out here Official Documentation


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

True multi value

Use a <select multiple /> as your input element for a tags input, to gain true multivalue support. Instead of a comma separated string, the values will be set in an array. Existing <option /> elements will automatically be set as tags. This makes it also possible to create tags containing a comma.

Objects as tags

Instead of just adding strings as tags, bind objects to your tags. This makes it possible to set id values in your input field's value, instead of just the tag's text.


Typeahead is not included in Bootstrap 3, so you'll have to include your own typeahead library.

Categorizing tags

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


Please check out here Official Documentation

The Basics

Bloodhound (Suggestion Engine)


Scrollable Dropdown Menu


Please check out here Official Documentation

Default usage

max-length set to 25 char. The badge will show up by default when the remaining chars are 10 or less

Change the threshold value

max-length set to 25 char. Do you want the badge to show up when there are 20 chars or less? Use the threshold option

All the options

This is a complete example where all the options configured for the bootstrap-maxlength counter are setted. Please note: if the alwaysShow option is enabled, the threshold option is ignored.


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


The field counter can be positioned at the top, bottom, left or right. You can also place the maxlength indicator on the corners: bottom-right, top-right, top-left, bottom-left and centered-right.
All you need to do is specify the placement option, with one of those strings. If none is specified, the positioning will be defauted to 'bottom'.