themelock.com - Limitless - Responsive Web Application Kit by Eugene Kopyov

Basic form inputs

Examples of standard form controls supported in an example form layout. Individual form controls automatically receive some global styling. All textual <input>, <textarea>, and <select> elements with .form-control are set to width: 100%; by default. Wrap labels and controls in .form-group for optimum spacing. Labels in horizontal form require .control-label class.

Basic inputs

Default text input

Password

Input with placeholder

Read only field

Disabled field

Predefined value

Default select

Disabled autocomplete

Maximum value

Focus on label click

Static text

This is a static text

Textarea

Basic selects

Single select

Multiple select

Basic file inputs

Default file input

Styled file input

Form helpers

Text form helpers

Left aligned helper

Centered helper

Right aligned helper

Full width label helpers

Left aligned label

Centered label

Right aligned label

Block label helpers

Left aligned label

Centered label

Right aligned label

Inline text helper

Inline label helper

Input icons

Input with icons

Input with spinners

Input with smaller icons

Validation states

Warning with icon

Warning input helper

Success with icon

Success input helper

Error with icon

Error input helper

Text options

Light text

Semibold text

Bold text

Capitalized text

Centered text

Right aligned text

Uppercase text

Other text options work as well

Field options

Tooltip on focus

Tooltip on hover

Rounded input

Roundless input

Fixed input sizing

Available in 12 columns sizes since it's based on 12 columns grid

Sizing options

XLarge form group

Large form group

Small form group

Mini form group

Inputs only

Color options

Text color

Border color

Background color

Select color

File input color

Type options

Datetime

Using input type="datetime"

Date

Using input type="date"

Month

Using input type="month"

Time

Using input type="time"

Week

Using input type="week"

Number

Using input type="number"

Using input type="email"

URL

Using input type="url"

Using input type="search"

Tel

Using input type="tel"

Color

Using input type="color"

Range

Using input type="range"

Forms - Basic Inputs

Basic form inputs