bootstrap

Checkboxes and Radio Buttons

Checkboxes and Radio Buttons

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>