Form Buttons

Check Boxes

Checkboxes allow a visitor to "check" multiple items of interest.


<p><input type="checkbox" name="checkbox"
id="checkbox1" checked="checked">Option One <input type="checkbox" name="checkbox"
id="checkbox2">Option Two <input type="checkbox" name="checkbox"
id="checkbox3">Option Three</p>


Radio Buttons

Radio buttons are like checkboxes except that when several share the same control name, they are mutually exclusive: when one is switched "on", all others with the same name are switched "off".


<p><input type="radio" name="radio"
id="radio1" checked="checked">Option One <input type="radio" name="radio"
id="radio2">Option Two <input type="radio" name="radio"
id="radio3">Option Three</p>


Display the buttons or checkboxes vertically.

To have these display in a vertical format just add a <br> tag at the end of each input.


<p><input type="radio" name="radio"
id="radio1" checked="checked">Option One<br> <input type="radio" name="radio"
id="radio2">Option Two<br> <input type="radio" name="radio"
id="radio3">Option Three</p>



Next we will cover the different "select" and "option" elements used to add to a form.