Page title goes here

Page sub tittle

Base Controls

The example form below demonstrates common HTML form elements that receive updated styles from Bootstrap with additional classes.

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

Password

Static:

email@example.com

Example select

Example multiple select

Example textarea

Textual HTML5 Inputs

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

Text

URL

Telephone

Password

Number

Date and time

Date

Month

Week

Time

Color

Range

Input States

Add the disabled or readonly boolean attribute on an input to prevent user interactions. Disabled inputs appear lighter and add a not-allowed cursor.

Disabled Input

Disabled select

Disabled textarea

Readonly Input

Readonly textarea

Input Sizing

Set heights using classes like .form-control-lg, and set widths using grid column classes like .col-lg-*

Large Input

Default Input

Small Input

Large Select

Default Select

Small Select

Custom Controls

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.

Custom Range

Custom Select

File Browser

Choose file

Hi, Michael Williams

Notifications 24 reports

Get Pro Access

Page sub tittle

Base Controls

Textual HTML5 Inputs

Input States

Input Sizing

Custom Controls

Hi, Michael Williams

max@kt.com

Hi, Michael Williams