Advanced Plugins
Tags Input
Input Tags
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.
Switchery
Basic
Add an attribute data-plugin="switchery" data-color="@colors" to your input element and it will be converted into switch.
Sizes
Add an attribute data-size="small",data-size="large" to your input element and it will be converted into switch.
Secondary color
Add an attribute data-color="@color" data-secondary-color="@color" to your input element and it will be converted into switch.
Multiple Select
Default
Use a <select multiple /> as your input element for a tags input, to gain true multivalue support.
- Dallas Cowboys
- New York Giants
- Chicago Bears
- Detroit Lions
- Green Bay Packers
- Minnesota Vikings
- Carolina Panthers
- New Orleans Saints
- Tampa Bay Buccaneers
- Arizona Cardinals
- St. Louis Rams
- San Francisco 49ers
- Seattle Seahawks
- Philadelphia Eagles
- Washington Redskins
- Atlanta Falcons
Grouped Options
Use a <select multiple /> as your input element for a tags input, to gain true multivalue support.
- NFC EAST
- Dallas Cowboys
- New York Giants
- Philadelphia Eagles
- Washington Redskins
- NFC NORTH
- Chicago Bears
- Detroit Lions
- Green Bay Packers
- Minnesota Vikings
- NFC SOUTH
- Atlanta Falcons
- Carolina Panthers
- New Orleans Saints
- Tampa Bay Buccaneers
- NFC WEST
- Arizona Cardinals
- St. Louis Rams
- San Francisco 49ers
- Seattle Seahawks
Searchable
Use a <select multiple /> as your input element for a tags input, to gain true multivalue support.
- Afghanistan
- Albania
- Algeria
- American Samoa
- Andorra
- Angola
- Anguilla
- Antarctica
- Argentina
- Armenia
- Aruba
- Australia
- Austria
- Azerbaijan
- Bahamas
- Bahrain
- Bangladesh
- Barbados
- Belarus
- Belgium
- Belize
- Benin
- Bermuda
- Bhutan
- Bolivia
- Bosnia and Herzegowina
- Botswana
- Bouvet Island
- Brazil
- British Indian Ocean Territory
- Brunei Darussalam
- Bulgaria
- Burkina Faso
- Burundi
- Cambodia
- Cameroon
- Canada
- Cape Verde
- Cayman Islands
- Central African Republic
- Chad
- Chile
- China
- Christmas Island
- Cocos (Keeling) Islands
- Colombia
- Comoros
- Congo
- Congo, the Democratic Republic of the
- Cook Islands
- Costa Rica
- Cote d'Ivoire
- Croatia (Hrvatska)
- Cuba
- Cyprus
- Czech Republic
- Denmark
- Djibouti
- Dominica
- Dominican Republic
- Ecuador
- Egypt
- El Salvador
- Equatorial Guinea
- Eritrea
- Estonia
- Ethiopia
- Falkland Islands (Malvinas)
- Faroe Islands
- Fiji
- Finland
- France
- French Guiana
- French Polynesia
- French Southern Territories
- Gabon
- Gambia
- Georgia
- Germany
- Ghana
- Gibraltar
- Greece
- Greenland
- Grenada
- Guadeloupe
- Guam
- Guatemala
- Guinea
- Guinea-Bissau
- Guyana
- Haiti
- Heard and Mc Donald Islands
- Holy See (Vatican City State)
- Honduras
- Hong Kong
- Hungary
- Iceland
- India
- Indonesia
- Iran (Islamic Republic of)
- Iraq
- Ireland
- Israel
- Italy
- Jamaica
- Japan
- Jordan
- Kazakhstan
- Kenya
- Kiribati
- Korea, Democratic People's Republic of
- Korea, Republic of
- Kuwait
- Kyrgyzstan
- Lao People's Democratic Republic
- Latvia
- Lebanon
- Lesotho
- Liberia
- Libyan Arab Jamahiriya
- Liechtenstein
- Lithuania
- Luxembourg
- Macau
- Macedonia, The Former Yugoslav Republic of
- Madagascar
- Malawi
- Malaysia
- Maldives
- Mali
- Malta
- Marshall Islands
- Martinique
- Mauritania
- Mauritius
- Mayotte
- Mexico
- Micronesia, Federated States of
- Moldova, Republic of
- Monaco
- Mongolia
- Montserrat
- Morocco
- Mozambique
- Myanmar
- Namibia
- Nauru
- Nepal
- Netherlands
- Netherlands Antilles
- New Caledonia
- New Zealand
- Nicaragua
- Niger
- Nigeria
- Niue
- Norfolk Island
- Northern Mariana Islands
- Norway
- Oman
- Pakistan
- Palau
- Panama
- Papua New Guinea
- Paraguay
- Peru
- Philippines
- Pitcairn
- Poland
- Portugal
- Puerto Rico
- Qatar
- Reunion
- Romania
- Russian Federation
- Rwanda
- Saint Kitts and Nevis
- Saint LUCIA
- Saint Vincent and the Grenadines
- Samoa
- San Marino
- Sao Tome and Principe
- Saudi Arabia
- Senegal
- Seychelles
- Sierra Leone
- Singapore
- Slovakia (Slovak Republic)
- Slovenia
- Solomon Islands
- Somalia
- South Africa
- South Georgia and the South Sandwich Islands
- Spain
- Sri Lanka
- St. Helena
- St. Pierre and Miquelon
- Sudan
- Suriname
- Svalbard and Jan Mayen Islands
- Swaziland
- Sweden
- Switzerland
- Syrian Arab Republic
- Taiwan, Province of China
- Tajikistan
- Tanzania, United Republic of
- Thailand
- Togo
- Tokelau
- Tonga
- Trinidad and Tobago
- Tunisia
- Turkey
- Turkmenistan
- Turks and Caicos Islands
- Tuvalu
- Uganda
- Ukraine
- United Arab Emirates
- United Kingdom
- United States
- United States Minor Outlying Islands
- Uruguay
- Uzbekistan
- Vanuatu
- Venezuela
- Viet Nam
- Virgin Islands (British)
- Virgin Islands (U.S.)
- Wallis and Futuna Islands
- Western Sahara
- Yemen
- Zambia
- Zimbabwe
Select2
Single Select
Select2 can take a regular select box like this...
SelectMultiple Select
Select2 can take a regular select box like this...
Auto Complete
Bootstrap MaxLength
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.