Form control: input

The form below contains two input elements; one of type text and one of type password:

Form control: textarea

The form below contains a textarea for comments:

Form control: checkbox

The form below contains three checkboxes. The first option is checked by default, and the last option is disabled:

Form control: inline checkbox

The form below contains three inline checkboxes:

Form control: radio buttons

The form below contains three radio buttons. The first option is checked by default, and the last option is disabled:

Form control: inline radio buttons

The form below contains three inline radio buttons. The first option is checked by default, and the last option is disabled:

Form control: select

The form below contains two dropdown menus (select lists):


Form Control Sizing

Change the size of the form control with .form-control-sm or .form-control-lg:

Form Control Plain Text

Use the .form-control-plaintext if you want to style the input field as plain text:

Form Control Range and File

Add the .form-control-range class to input type"range" or .form-control-file to input type"file" to style a range control or a file field with full-width: