Form Elements
Basic Elements
e.g. "Beautiful Mind"
e.g. "Cre@t!v!ty"
e.g. "me@somesite.com"
e.g. "Username"
e.g. "non-editable text"
e.g. "Enter any size of text description here"
e.g. "This text area field auto grows"
e.g. "Beautiful Mind"
e.g. "Beautiful Mind"
e.g. "Beautiful Mind"
e.g. "Beautiful Mind"
e.g. "Beautiful Mind"
A help or brief description message of the input field.
A static text field
Input Groups
@
@example.com
https://example.com/users/
$
.00
Small
Default
Large
First and last name
$
0.00
$
0.00
Upload
Upload
Element Sizes
Vertical Form
Horizontal Form
Auto Sizing Form
Modal Forms
Inline Form
Server Side Form Validation
Checkboxes
Default Skin (Minimal)
Colors
States
- Normal
- Hover
- Checked
- Disabled
- Disabled & checked
Square Skin
Colors
States
- Normal
- Hover
- Checked
- Disabled
- Disabled & checked
Flat Skin
Colors
States
- Normal
- Checked
- Disabled
- Disabled & checked
Line Skin (Boxes)
Colors
-
Checkbox red
-
Checkbox green
-
Checkbox aero
-
Checkbox blue
-
Checkbox yellow
-
Checkbox grey
-
Checkbox orange
-
Checkbox pink
-
Checkbox purple
States
-
Normal
-
Hover
-
Checked
-
Disabled
-
Disabled & checked
Radio Buttons
Default Skin (Minimal)
Colors
States
- Normal
- Hover
- Checked
- Disabled
- Disabled & checked
Square Skin
Colors
States
- Normal
- Hover
- Checked
- Disabled
- Disabled & checked
Flat Skin
Colors
States
- Normal
- Checked
- Disabled
- Disabled & checked
Line Skin (Boxes)
Colors
-
Radio red
-
Radio green
-
Radio aero
-
Radio blue
-
Radio yellow
-
Radio grey
-
Radio orange
-
Radio pink
-
Radio purple
States
-
Normal
-
Hover
-
Checked
-
Disabled
-
Disabled & checked