Javatpoint Logo
Javatpoint Logo

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




Please Share

facebook twitter google plus pinterest

Learn Latest Tutorials


Preparation


Trending Technologies


B.Tech / MCA