Form Component

Flatlab

6
5
7
- You have 7 new notifications
- Server #3 overloaded. 34 mins
- Server #10 not respoding. 1 Hours
- Database overloaded 24%. 4 hrs
- New user registered. Just now
- Application error. 10 mins
- See all notifications

Jhon Doue
- Profile
- Settings
- Notification
- Log Out

Dashboard
Layouts
UI Elements
- General
- Buttons
- Modal
- Toastr Notifications
- Widget
- Slider
- Nestable
- Tree View
- Font Awesome
Components
Form Stuff
Data Tables
Mail
- Inbox
- Inbox Details
Charts
- Morris
- Chartjs
- Flot Charts
- xChart
Shop
- List View
- Details View
Google Maps
Chat Room
- Lobby
- Chat Room
Extra
- Blank Page
- Sidebar Closed
- People Directory
- Coming Soon
- Lock Screen
- Profile
- Invoice
- Project List
- Project Details
- Search Result
- Pricing Table
- FAQ
- FB Wall
- 404 Error
- 500 Error
Login Page
Multi level Menu
- Menu Item 1
- Menu Item 2
  - Menu Item 2.1
  - Menu Item 3
    - Menu Item 3.1
    - Menu Item 3.2

Inline form

Email address

Password

Remember me

Basic Forms

Email address

Password

File input

Example block-level help text here.

Check me out

Horizontal Forms

Email

Example block-level help text here.

Password

Remember me

Form in Modal Form in Modal 2 Form in Modal 3

Form Tittle

Email address

Password

File input

Example block-level help text here.

Check me out

Form Tittle

Email

Password

Remember me

Form Tittle

Email address

Password

Remember me

Iconic field

Left Icon

Right Icon

Input with Loading

Horizontal Iconic Forms

Left Icon

Right Icon

Input with Loading

Button addons

Form Elements

Default

Help text

A block of help text that breaks onto a new line and may extend beyond one line.

Rounder

Input focus

Disabled

Placeholder

Password

Static control

email@example.com

Input with success

Input with warning

Input with error

Control sizing

Checkboxes and 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 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

1 2 3

Selects

Column sizing

Input groups

Basic examples

@

.00

$ .00

Sizing

@

@

@

Checkboxe and radio

Button addons

Action
Another action
Something else here
Separated link

Action
Another action
Something else here
Separated link

Segmented buttons

Action
Another action
Something else here
Separated link

Action
Another action
Something else here
Separated link

Switch

Tags Input

Custom Checkbox & Radio

I agree to the terms & conditions. Please send me regular updates. This is nice checkbox.

This is option A... and this is option B... or simply choose option C

Masked inputs

ISBN 1

999-99-999-9999-9

ISBN 2

999 99 999 9999 9

ISBN 3

999/99/999/9999/9

IPV4

192.168.110.310

IPV6

4deg:1340:6547:2:540:h8je:ve73:98pd

Tax ID

99-9999999

Phone

(999) 999-9999

Currency

$ 999,999,999.99

Date

dd/mm/yyyy

Date 2

dd-mm-yyyy

CKEditor

CKEditor

Online Customers

John Doe Dream Land, AU
3
Jonathan Smith United States
5
Jane Doe ABC, USA
Anjelina Joli Fockland, UK
7
Mr Tasi Dream Land, USA

pending Task

Dashboard v1.3

40%

40% Complete (success)
Database Update

60%

60% Complete (warning)
Iphone Development

87%

87% Complete
Mobile App

33%

33% Complete (danger)
Dashboard v1.3

45%

45% Complete
See All Tasks

2013 © FlatLab by VectorLab.