3. Checkboxes

          Checkboxes are like radio buttons where they present the user with a group of related choices and the chosen value is the input of the user for processing. The difference between checkboxes and radio buttons is that checkboxes allow the user to choose more than one value.

          The <label> tag in the example below, will also  work the same way as discussed previously. 

 Sample code:

 <form>

    <h2> Add-ons for my milktea </h2>

    <input type="checkbox" id="creamCheese" name="option1" value="Cream Cheese">

    <label for="creamCheese"> Cream Cheese</label><br>

    <input type="checkbox" id="pearls" name="option2" value="Pearls">

    <label for="pearls"> Pearls </label><br>

    <input type="checkbox" id="coffeeJelly" name="option3" value="Coffee Jelly">

    <label for="coffeeJelly"> Coffee Jelly</label><br><br>

</form>          

 

 Sample output:


Notice that the checklist has different names.