Labels for Checkboxes

Interactions:

The Form:

Your Dog's Favorite Food

The HTML:

<p>Your Dog's Favorite Food</p>

<input id="kibble" type="checkbox" name="dogfood" value="kibble" />
<label for="kibble">Kibble</label>
<input id="chow" type="checkbox" name="dogfood" value="chow" />
<label for="chow">Chow</label>
<input id="steak" type="checkbox" name="dogfood" value="steak" />
<label for="steak">Steak</label>

Note: the "name" and "value" attributes, upon form submission, create the Name/Value pair in the data... e.g. dogfood=chow