Form Inputs And Sizing In Bootstrap

What is a form input?

Bootstrap provides several form control styles, layout options, and custom components for creating a wide variety of forms.

Form controls

It supports the following form controls,

Bootstrap Input

The bootstrap supports all html5 inputs types for example text,password,datetime,date,month,time,week,number,email,url,search and color

It is not fully styled if their type is not properly declared

Sample program for form input

Output


It is the output for the bootstrap input

Textarea

In this text area basically used to the comment box, address box etc..

Sample program for textarea

Output



This is the output for the textarea

Checkboxes

This checkbox is basically used to select the many number of options from a list of the preset options

There are many checkboxes we can use to access the single list

Sample program for checkbox

Output


This the output for the bootstrap checkbox

Checkboxes are used in inline

In this inline class it is used so the checkboxes appear in a single line

.checkbox-inline class is used to set an inline checkbox

Sample program for inline checkboxes (example 1)

Sample program for inline checkboxes (example 2)

Output



This the output for the bootstrap inline checkbox

Radio Buttons

Radio buttons are used if you want to limit the user to just one selection from a list of preset options.

The radio button is basically used to chose the identification for humans (male or female)

Sample program for the radio button