{{> layouts/head pageTitle="Multiselect" }}
{{> layouts/header }} {{> layouts/sidebar activeMenu="forms" activePage="multiselect" }}
Multiselect
Advanced select boxes with search, tagging, remote data sets, and more.
Dashboard
Forms
Multiselect
Basic Multiselect
Basic Select
Select a person...
Thomas Edison
Nikola Tesla
Albert Einstein
Marie Curie
Multiple Select
Thomas Edison
Nikola Tesla
Albert Einstein
Marie Curie
Isaac Newton
Charles Darwin
Select with Groups
Grouped Options
Select a vehicle...
Sedan
SUV
Coupe
Hatchback
Sport Bike
Cruiser
Touring
Pickup Truck
Semi Truck
With Disabled Options
Active Option 1
Active Option 2
Disabled Option
Active Option 3
Another Disabled
Tagging
Tags Input
Type and press enter to add tags
Tags with Predefined Options
JavaScript
Python
Java
PHP
Ruby
C#
Search & Clear
With Search
Search countries...
United States
United Kingdom
Canada
Australia
Germany
France
Spain
Italy
Japan
China
India
Brazil
With Clear Button
Option 1 (preselected)
Option 2 (preselected)
Option 3
Option 4
Option 5
Selection Limits
Max 3 Items
Item 1
Item 2
Item 3
Item 4
Item 5
Item 6
Maximum 3 items can be selected
Remove Button
Removable Item 1
Removable Item 2
Item 3
Item 4
Email Input
Email Recipients
Type valid email addresses and press enter
User Selection
John Doe
Jane Smith
Bob Johnson
Alice Brown
Native Bootstrap Multiple Select
Native Multiple Select
Open this select menu
One
Two
Three
Four
Five
With Size Attribute
First option
Second option
Third option
Fourth option
Fifth option
Sixth option
Seventh option
Disabled State
Disabled select
One
Two
Three
Custom Styled Multiselect
Skills Selection
HTML5
CSS3
JavaScript
React
Vue.js
Angular
Node.js
Python
PHP
Java
C#
MySQL
PostgreSQL
MongoDB
Redis
Color Selection
Submit
Reset
{{> layouts/footer }}
{{> layouts/scripts }}