multi checkbox html code example

Example 1: html multi checkbox list

<style>
#checkboxes label{
    display:block;
    padding:5px;
}
</style>
<div id="checkboxes">
    <label for="one"><input type="checkbox" id="one" />First</label>
    <label for="two"> <input type="checkbox" id="two" />Second </label> 
    <label for="three"><input type="checkbox" id="three" />Third </label>
</div>

Example 2: html multiple checkbox list

<form method="post" action="/Tests/Post/">         
  <fieldset>              
    <legend>What is Your Favorite Pet?</legend>             
    <input type="checkbox" name="favorite_pet" value="Cats">Cats<br>             
    <input type="checkbox" name="favorite_pet" value="Dogs">Dogs<br>             
    <input type="checkbox" name="favorite_pet" value="Birds">Birds<br>             
    <br>              
    <input type="submit" value="Submit now" />          
  </fieldset>      
</form>

Example 3: checkbox value

<input type="checkbox" name="vehicle1" value="Bike">

The checkbox value is 'Bike'.

Tags:

Html Example