Back to Flat Ui

Flat UI Pro

docs/examples/forms.html

2.3.01.8 KB
Original Source

Forms

Basic Form

Form Legend Email address

Password

Select file Change Remove

Unchecked Submit

Inline Form

Email address

Password

Remember me Sign in

Horizontal form

Email

Password

Remember me

Sign in

Inputs

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

1 2 3

12345

1 option2 option3 option4 option5 option

Static control

Email

[email protected]

Password

Disabled Input

Disabled fieldsets

Disabled input

Disabled select menuDisabled select

Can't check this Submit

Validation states

Input with success

Input with warning

Input with error

Control sizing

Height sizing

My ProfileMy FriendsMessagesMy SettingsLogout

My ProfileMy FriendsMessagesMy SettingsLogout

My ProfileMy FriendsMessagesMy SettingsLogout

Form group sizing

Huge label

Large label

Default label

Small label

Column sizing

Help text

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

Input groups

Basic example

@

.00

$.00

Sizing

@

@

@

@

Button addons

Go!

Go!

Buttons with dropdowns

Action

Action

Segmented buttons

Action

Action

@

Input Label