Skip to main content

- 2
- 3

#### Aigars Silkalns

#### Textual inputs

Here are examples of `.form-control` applied to each textual HTML5 `<input>` `type`.

Text
Search
Email
URL
Telephone
Password
Number
Date and time
Date
Month
Week
Time
Select
Custom Select
Large
Small
Email
Primary! You've done it.
Example help text that remains unchanged.
Email
Shucks, check the formatting of that and try again.
Example help text that remains unchanged.
Email
Sorry, that username's taken. Try another?
Example help text that remains unchanged.

#### Radios

For even more customization and cross browser consistency, use our completely custom form elements to replace the browser defaults. They’re built on top of semantic and accessible markup, so they’re solid replacements for any default form control.

Radios:
Checked Radios
Unchecked Radios
Disabled Radios
Inline Radios:
Checked Radios
Unchecked Radios
Disabled Radios

#### Checkboxes

For even more customization and cross browser consistency, use our completely custom form elements to replace the browser defaults. They’re built on top of semantic and accessible markup, so they’re solid replacements for any default form control.

Checkbox:
checked Checkbox
Unchecked Checkbox
checked Checkbox
Unchecked Checkbox
Inline Checkbox:
checked Checkbox
Unchecked Checkbox
checked Checkbox
Unchecked Checkbox

#### Buttons with dropdowns

For even more customization and cross browser consistency, use our completely custom form elements to replace the browser defaults. They’re built on top of semantic and accessible markup, so they’re solid replacements for any default form control.

#### Basic form

Email address We'll never share your email with anyone else.
Password
Check me out

#### Inline form

Name
Username
@
Remember me

#### Input Sizes

#### Input Sizes Rounded

#### Input Grid

#### Disabled forms

Disabled input
Disabled select menu
Can't check this

#### Server side

First name
Looks good!
Last name
Looks good!
Username
@
Please choose a username.
City
Please provide a valid city.
State
Please provide a valid state.
Zip
Please provide a valid zip.
Agree to terms and conditions
You must agree before submitting.

#### Input Group

@
@example.com
Your vanity URL
https://
$ .00
With textarea
$ 0.00
$ 0.00

#### Custom file input

Upload
Upload

#### Rashed sent you an email

09:35

Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse distinctio itaque at.

#### Added

7 Minutes Ago

Lorem ipsum dolor sit amet consectetur.

#### You missed you Password!

09:20 Am

#### Member waiting for you Attention

09:35

Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse distinctio itaque at.

#### You Added Kaji Patha few minutes ago

01 minutes ago

Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse distinctio itaque at.

#### Ratul Hamba sent you an email

09:35

Hello sir , where are you, i am egerly waiting for you.

#### Rashed sent you an email

09:35

Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse distinctio itaque at.

#### Rashed sent you an email

09:35

#### Rashed sent you an email

09:35

Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse distinctio itaque at.

#### Rashed sent you an email

09:35

Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse distinctio itaque at.

#### General Settings

##### Notifications

Toggle

Keep it 'On' When you want to get all the notification.

##### Show recent activity

Toggle

The for attribute is necessary to bind our custom checkbox with the input.

##### Show your emails

Toggle

Show email so that easily find you.

##### Show Task statistics

Toggle

The for attribute is necessary to bind our custom checkbox with the input.

##### Notifications

Toggle

Use checkboxes when looking for yes or no answers.