When you want users to choose from a list of predefined alternatives, checkboxes and radio buttons are ideal.
- If you want the user to select any number of options from a list, utilise checkboxes when creating a form. If you only want the user to make one choice, utilise radio.
- To make a sequence of checkboxes or radios for controls look on the same line, use the.checkbox-inline or.radio-inline classes.
Selects:
A select is used when you want the user to be able to choose from numerous possibilities, but it only allows one by default.
- For list alternatives that the user is familiar with, such as states or numerals, use choose.
- Allow users to choose from numerous options by using multiple = "multiple."
<form role = "form">
<div class = "form-group">
<labelfor = "name">Select list</label>
<select class = "form-control">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
<label for = "name">Mutiple Select list</label>
<select multiple class = "form-control">
<option>1</option> <option>2</option> <option>3</option>
<option>4</option>
<option>5</option>
</select>
</div>
</form>