Basic Form Elements

Basic Input

Password

With Placeholder

Disabled Input

Add disabled attribute to disable input field.

Readonly Input

Add readonly="readonly" attribute to set field readonly.

Predefined Value

Add value="VALUE" attribute to set predefined value.

Static Text

email@themeselection.com

To set static text use .form-control-static class.

Input text with help

eg.someone@example.com

Muted help text using .text-muted class.

Textarea & Select

Textual form controls—like <select>s, and <textarea>s—are styled with the .form-control class. Included are styles for general appearance, focus state, sizing, and more.

Textarea

Basic Textarea
Textarea with Placeholder
Textarea with Description

Textarea description text.

Select

Basic Select
Custom select

To use custom select add class.custom-select to select.

Multiple select

To use multiple select add an attribute multiple="multiple".