Form

  1. Home
  2. Elements
  3. Form

Basic Text Inputs

Input with Placeholder

With label

Input with Help text

We'll never share your email with anyone else.
We'll never share your email with anyone else.
We'll never share your email with anyone else.

Input With left icon label

Input With right icon label

Addon icon

Addon icon

Disable input

Readonly Input Field

Predefined Input Value

Min and Max Value

Input solid

Input Air

Textarea basic

Textarea placeholder

Textarea disable

Textarea Solid

Input Sizing

Input Sizing

Textual Input Type Options

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

Default input group addon

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

Input group addon right side

@example.com
@example.com
@example.com

Textarea input group addon

textarea

Textarea input group addon

textarea

Addon icon

Addon icon

Addon both side

$10
$10

Addon both side

$10
$10

Buttons addons

Buttons addons

Left Button Dropdown

Action Another action Something else here Separated link
Action Another action Something else here Separated link

Right Button Dropdown

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

Segmented buttons

Action Another action Something else here Separated link

Input group select

Input group select

Input group with checkbox

Input group with radio

Date time picker

Only date

Only time

Side by side view

Switch - 01