Select
Advanced select field that makes you easier to select data.
Bootstrap Select
Basic Select
Use .form-select
class for basic select control.
Disabled Select
Use disabled
attribute for disabled select control.
Input Group Select
Basic Select with Input Group
Input group append
Choices
Click here for more information
Basic Choices
Use .choices
class for basic choices control.
Square
Polygon
Rectangle
Rombo
Romboid
Square
Trapeze
Triangle
Single Select with Label
Use optgroup
attribute for basic choices with Label control.
Romboid
Colors
Blue
Green
Purple
Red
Figures
Polygon
Romboid
Trapeze
Triangle
Multiple choices
Basic Multiple choices
Use .choices
class for basic choices control. Use
multiple="multiple"
attribute for multiple select box.
Rectangle
Triangle
Polygon
Rombo
Romboid
Square
Trapeze
Multiple Select with Label
Use optgroup
attribute for multiple select box with Label control.
Trapeze
Blue
Colors
Green
Purple
Red
Figures
Polygon
Romboid
Triangle
Multiple Select with Remove Button
Use .multiple-remove
attribute for multiple select box with remove button.
Trapeze
Blue
Colors
Green
Purple
Red
Figures
Polygon
Romboid
Triangle
choices with Light Background Options
Use .select-light-{colorName}
class for light background to selected
Options.
Rectangle
Triangle
Polygon
Rombo
Romboid
Square
Trapeze