Jason Bourne

Web Developer

New Orders 2,345
...
Visitors 345
...

Form Elements

  1. Home
  2. Forms
  3. Form Elements

Basic Elements

e.g. "Beautiful Mind"
e.g. "Cre@t!v!ty"
e.g. "[email protected]"
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
Action Another action Something else here Separated link
Action Another action Something else here Separated link
Action Another action Something else here Separated link
Action Another action Something else here Separated link
Upload
Upload

Element Sizes

Vertical Form

Horizontal Form

Radios
Checkbox

Auto Sizing Form

@

Modal Forms

MODAL FORM 1
MODAL FORM 2
MODAL FORM 3

Inline Form

@

Server Side Form Validation

@
Please choose a username.
Please provide a valid city.
Please provide a valid state.
Please provide a valid zip.

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

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

States

  • Normal
  • Hover
  • Checked
  • Disabled
  • Disabled & checked

Groups

Favourites

More Contacts