Londinium - premium responsive admin template by Eugene Kopyov

### Form components Basic/advanced form components

9

##### Form components page

Default form components, including styled and animated checkboxes and radios, selects, multiselects, tags, extended textareas, spinners, toggles, masked inputs and defalt Bootstrap elements.

###### Form elements

Default form components, including bootstrap additions and tags
Default text input:
Password:
Input with placeholder:
Read only field:
Disabled field:
Input sizing:
Form helpers:
Left aligned helper
Centered helper
Right aligned helper
Left aligned label
Centered label
Right aligned label
Predefined value:
Tooltip on focus:
Tooltip on hover:
Disabled autocomplete:
Maximum value:
Focus on label click:
With icons:
With icons:
Warning icon input:
Success icon input:
Error icon input:
Warning input:
Warning input:
Error input:
Group addons:
@
.00
$ .00
With buttons:
With dropdowns:
Segmented buttons:
Input group sizing:
@
@
@
Checkbox and radio addons:
Textarea:
Elastic textarea:
Character counter:
Field limited to 100 characters.
Tags:
Tags with autocomplete:

###### Styled form components

Styled form components: checkboxes, radios, file inputs
Stacked checkboxes/ radios:
Option one is this and that—be sure to include why it's great
Option two can be something else and selecting it will deselect option one
Option one is this and that—be sure to include why it's great
Option two can be something else and selecting it will deselect option one
Inline checkboxes/ radios:
Checked Unchecked Disabled
Unchecked Checked Disabled
Red theme:
Checked Unchecked Disabled
Unchecked Checked Disabled
Green theme:
Checked Unchecked Disabled
Unchecked Checked Disabled
Dark theme:
Checked Unchecked Disabled
Unchecked Checked Disabled
Blue theme:
Checked Unchecked Disabled
Unchecked Checked Disabled
Styled file input:

###### Unstyled form components

Native browser design of form components
Stacked checkboxes/ radios:
Option one is this and that—be sure to include why it's great
Option one is this and that—be sure to include why it's great
Option two can be something else and selecting it will deselect option one
Inline checkboxes/ radios:
1 2 3
1 2 3
File uploader:
Single select:
Multiple select:

###### Spinner

Jquery UI spinner with mousewheel addition and globalization
Default spinner:
Decimal:
Currency:
Overflow:
Time:

###### Multiselect

Multiselect plugin, based on bootstrap button groups and dropdowns
Multiple select:
Single select:
Select All option:
Disabled:
With selected values:
With disabled values:
onChange event:
Themed button:
Right aligned dropdown:
Using "data-role" attribute:
Optgroups:

###### Selects

Select2 plugin: standard styled selects, select with search and multiple selects
Fixed select:
Liquid select:
Full width select:
Select with optgroups:
Select with search:
Disabled select:
Clear results:
Select with minimum:
Multiple with search:
With maximum input:
Minimum characters:
Disabled state:

###### Switches

iOS like checkbox switches
Inline checkboxes/ radios:
Switch colors:
Disabed switches:
Text options:
Switch sizes:

###### Masked inputs

All masked fields are controlled by data-mask property, no JS code required.
Date:
99/99/9999
Phone:
(999) 999-9999
Phone + Ext:
(999) 999-9999 / x99999
International format:
+39 999 999 999
Tax ID:
99-9999999
SSN:
999-99-9999
Product key:
a*-999-a999
Purchase order:
aaa-999-***
Percentage:
99%

###### Dual selects

###### Advanced inputs

These inputs are mostly for mobile devices. They open a necessary keyboard on iPhone/iPad. And in most cases are useless on desktop pc's
Datetime:
Datetime local:
Date:
Month:
Time:
Week:
Number:
Email:
URL:
Search:
Tel: