Radio buttons enable users to choose ONE option from a set of limited choices.
Example
A form featuring radio buttons:
<p>Choose your favorite Web language:</p> <form> <input type=”radio” id=”html” name=”fav_language” value=”HTML”> <label for=”html”>HTML</label><br> <input type=”radio” id=”css” name=”fav_language” value=”CSS”> <label for=”css”>CSS</label><br> <input type=”radio” id=”javascript” name=”fav_language” value=”JavaScript”> <label for=”javascript”>JavaScript</label> </form> |
The <input type=”checkbox”> creates a checkbox.
Checkboxes enable users to select ZERO or MORE options from a finite set of choices.
Example
A form featuring checkboxes:
<form> <input type=”checkbox” id=”vehicle1″ name=”vehicle1″ value=”Bike”> <label for=”vehicle1″> I have a bike</label><br> <input type=”checkbox” id=”vehicle2″ name=”vehicle2″ value=”Car”> <label for=”vehicle2″> I have a car</label><br> <input type=”checkbox” id=”vehicle3″ name=”vehicle3″ value=”Boat”> <label for=”vehicle3″> I have a boat</label> </form> |