# Form-Elements

### Inputs & Textareas

Textual form controls like `<input>` s and `<textarea>` s an upgrade with custom styles,focus states, and more.

### Input Sizes

Set heights using classes like `.form-control-lg` and `.form-control-sm`.

### Valid Inputs

This is textarea

### Readonly plain text

If you want to have `<input readonly>` elements in your form styled as plain text, use the `<.form-control-plaintext>` class to remove the default form field styling and preserve the correct margin and padding .

Email
Password

### Select

Customize the native `<select>`s with custom CSS that changes the element’s initial appearance.

Default Select
Customize Select
Disabled Select

### Select Sizes

You may also choose from small and large custom selects to match our similarly sized text inputs.

Small Size Select
Default Size Select
Large Size Select

#### Gerenal Elements

Text
Email
Password
Placeholder
Readonly
Disabled
Number
URL
Search
Tel

### Checksbox & Radio Buttons

Radios
Option 1 Option 2 Option Disabled Option Disabled Checked
Medium Radios
Option 1 Option 2 Option Disabled Option Disabled Checked
Large Radios
Option 1 Option 2 Option Disabled Option Disabled Checked
Checkboxes
Option 1 Option 2 Option Disabled Option Disabled Checked
Medium Checkboxes
Option 1 Option 2 Option Disabled Option Disabled Checked
Large Checkboxes
Option 1 Option 2 Option Disabled Option Disabled Checked

### Toggle switches

Toggle switch
Inactive
Active
Disabled Inactive
Disabled Active
Medium Toggle switch
Inactive
Active
Disabled Inactive
Disabled Active
Large Toggle switch
Inactive
Active
Disabled Inactive
Disabled Active
Your skills
HTML CSS PHP JavaScript Angular Java C++
Switches

- Bootstrap Switch Default
- Bootstrap Switch Primary
- Bootstrap Switch Success
- Bootstrap Switch Info
- Bootstrap Switch Warning
- Bootstrap Switch Danger

Select Color

#### Default Input Groups

@
@example.com
https://example.com/users/
$ .00
@

#### Input Groups Sizes

Small
Default
Large

#### Bootstrap Fileuploads

Default file input example
Small File Input
Large File Input

#### Form Elements With Sizes

Form-control small sizes
Radio example
checkbox example
Toggle example
Form-control Medium sizes
Radio example
checkbox example
Toggle example
Form-control Large sizes
Radio example
checkbox example
Toggle example

###### Choose Country

- USA
- Italy
- Spain
- India
- French
- Russia
- Germany
- Argentina
- Malaysia
- Turkey