Form Layouts | Clear Admin Template

# Form Layouts

### Form Actions On Top

Username
Email
Password
Phone Number
Address
Message

### Form Actions On Bottom

Username
Email
Password
Phone Number
Address
Message

### Form Actions On Top & Bottom

Username
Email
Password
Phone Number
Address
Message

### Left Aligned

Username
Email
Password
Phone Number
Address
Message

### Right Aligned

Username
Email
Password
Phone Number
Address
Message

### Form 2 Columns Default

First Name
First name is too small
Password
Password strength: Weak
Email
Please enter a valid email address
Second Name
Second name is too small
Confirm Password
Password mis-match
Confirm Email
Email mis-match

### Personal Details Horizontal

First Name:
Email:
Password:
Date of Birth:
Zip Code:
City:
Send me latest news and updates.
Last Name:
Phone:
Confirm Password:
Address:
Gender:
Male
Female
I agree to the Terms and Conditions .

### Form 2 Columns Readonly

### Personal

First Name :

Jenny

Last Name :

Kerry

Email :

Jenny321@example.com

Gender :

Female

Birthday :

10.11.1980

Phone :

321-333-5432

### Address

Address 1 :

1219 Quiet Subdivision

Address 2 :

3536 Petunia Way

City :

Albany

State :

New york

Country :

USA

Post Code :

12203

### Form Bordered Striped

Static

Static text

Text
This is a help text
Email
Password
Disabled
Textarea
Select
Multiple
Radio Buttons
HTML
CSS
JavaScript
Inline Radio Buttons
HTML
CSS
JavaScript
Checkboxes
HTML
CSS
JavaScript
Inline Checkboxes
HTML
CSS
JavaScript
File
Multiple File

### Form Seperated Row Striped

Static

Static text

Text
This is a help text
Email
Password
Disabled
Textarea
Select
Multiple
Radio Buttons
HTML
CSS
JavaScript
Inline Radio Buttons
HTML
CSS
JavaScript
Checkboxes
HTML
CSS
JavaScript
Inline Checkboxes
HTML
CSS
JavaScript
File
Multiple File

### Form Bordered

Static

Static text

Text
This is a help text
Email
Password
Disabled
Textarea
Select
Multiple
Radio Buttons
HTML
CSS
JavaScript
Inline Radio Buttons
HTML
CSS
JavaScript
Checkboxes
HTML
CSS
JavaScript
Inline Checkboxes
HTML
CSS
JavaScript
File
Multiple File

### Vertical Form Layout

Email
Password
Remember me

### Inline Form Layout

Email
Password
Remember me

### Static Form Control

Email

harrypotter@mail.com

Password
Remember me

### Grid sizing of Form Elements

### Button Dropdowns

### Disabled Inputs

Email
Password
Remember me

### Supported Form Controls in Twitter Bootstrap

Email
Password
Confirm Password
First Name
Last Name
Phone
Date of Birth
Address
Zip Code
Gender
Male
Female
Other
Send me latest news and updates.
I agree to the Terms and Conditions .

### Horizontal Form Layout

Email
Password Pwd
Remember me

### General Controls

Static

Static text

Text
This is a help text
Email
Password
Disabled
Textarea
Select
Multiple
Radio Buttons
HTML
CSS
JavaScript
Inline Radio Buttons
HTML CSS JavaScript
Checkboxes
HTML
CSS
JavaScript
Inline Checkboxes
HTML CSS JavaScript
File
Multiple File

### Height Sizing of Input Groups

### Twitter Bootstrap Form Validation States

Username
Username is available
Password
Password strength: Weak
Email
Please enter a valid email address
Username
Username is available
Password
Password strength: Weak
Email
Please enter a valid email address

### Bootstrap Form Inputs

Email Address
Password
Validation Email
Validation Password
Checkbox Left
Checkbox right
Radio on left
Radio on right
Processing right
Static Paragraph

email@example.com

Readonly

##### Contacts

- Annette
- Jordan
- Stewart
- Alfred
- Eileen
- Robert
- Cassandra

##### Recent Updates

- New Comment
- 3 New Followers
- Message Sent
- New Task
- Server Rebooted
- Server Not Responding
- New Order Placed
- Payment Received

##### Notifications

- John Doe
  5 members joined today
  Just now
- Tony
  likes a photo of you
  5 min
- John
  Dont forgot to call...
  11 min
- Jenny Kerry
  Done with it...
  1 Hour
- Ernest Kerry
  2 members joined today
  3 Days
- View All Notifications

##### Tasks

- Button Design 40%

  40% Complete (success)

- Theme Creation 20%

  20% Complete

- XYZ Task To Do 60%

  60% Complete (warning)

- Transitions Creation 80%

  80% Complete (danger)
- View All Tasks

##### Skins

##### General

- Available
- Login with Email
- Auto Update

##### Sound & Notification

- Chat Sound
- Notification Sound
- Remainder
- Volume