Home ยป Bootstrap Inputs

Bootstrap Inputs


Bootstrap Input Types

Input type: checkbox

Input type: radio button


Bootstrap Checkbox

Checkbox facilitates you to select any number of options from a list of present options.

See this example:

Test it Now

Use the .checkbox-inline class if you want the checkboxes to appear on the same line:

See this example:

Test it Now


Bootstrap Radio Buttons

Radio buttons also facilitates you to select any number of options from a list of present options.

See this example:

Test it Now

Use the .radio-inline class if you want the radio buttons to appear on the same line:

See this example:

Test it Now


Bootstrap 4 Inputs

Bootstrap 4 supports following types of form controls:

  • input
  • textarea
  • checkbox
  • radio
  • select

Bootstrap Input

Bootstrap supports all the HTML5 input types: text, password, datetime, datetime-local, date, month, time, week, number, email, url, search, tel, and color.

Note: Inputs will NOT be fully styled if their type is not properly declared!

Example:

Test it Now


Bootstrap Textarea

Use textarea with "form-control" to create a Bootstrap textarea.

Example:

Test it Now


Bootstrap Select List

Bootstrap Select List is used to select single or multiple list. Select list is used if you want to allow the user to pick form multiple options.

Example:

Test it Now

Next TopicBootstrap Modals

You may also like