Standard HTML Form Elements - Bootstrap elements without special plugins
Summary of features
Shown below are form elements requiring no plug-ins beyond Bootstrap and a modern browser. The default examples use standard Bootstrap mark-up (styled checkbox/radios require a <span> alongside their label text). The 'styled' examples have '.form-styled' added to their parent <form>. The coloured examples have '.panel-brand1' added to their containing .panel, which works with any COLOURcode colour class.
At a glance
- Change all of a form's inputs with a single style class.
- Colour all components of a form with a single colour class.
- Choose from up to ten named and two branding colour-sets.
- All colour-sets based on single SASS-variable base colours.
Input types ( default form )
See the template's Form Components section for more checkbox and radio opions.
Control sizes ( default form )
Input sizes:
Select sizes:
Input group sizes:
Input groups ( default form )
HTML5 input masks ( default form )
Input types ( styled form )
See the template's Form Components section for more checkbox and radio opions.
Control sizes ( styled form )
Input sizes:
Select sizes:
Input group sizes:
Input groups ( styled form )
HTML5 input masks ( styled form )
Input types ( styled form in coloured panel )
See the template's Form Components section for more checkbox and radio opions.
Control sizes ( styled form in coloured panel )
Input sizes:
Select sizes:
Input group sizes: