Checkboxes and radios
Choose many, or one
Checkboxes
Code
<label class="check" for="chk-0"><input class="checkbox" type="checkbox" id="chk-0" checked><span>Email me about mentions</span></label>
<label class="check" for="chk-1"><input class="checkbox" type="checkbox" id="chk-1" checked><span>Weekly summary</span></label>
<label class="check" for="chk-2"><input class="checkbox" type="checkbox" id="chk-2"><span>Product news</span></label>With descriptions
Code
<label class="check" for="chk-d1"><input class="checkbox" type="checkbox" id="chk-d1" checked><span>Public profile<small>Anyone in the workspace can see it</small></span></label>
<label class="check" for="chk-d2"><input class="checkbox" type="checkbox" id="chk-d2"><span>Show activity<small>Your recent work appears on your profile</small></span></label>Radios
Code
<label class="check" for="rad-0"><input class="radio" type="radio" name="cycle" id="rad-0"><span>Monthly</span></label>
<label class="check" for="rad-1"><input class="radio" type="radio" name="cycle" id="rad-1" checked><span>Yearly</span></label>
<label class="check" for="rad-2"><input class="radio" type="radio" name="cycle" id="rad-2"><span>Two years</span></label>