Radio buttons are used for lists of items. Using radio buttons, whether you have two items in your list or twenty, only one item can be selected at a time. If you would like your website visitors to be able to choose more than one option at a time, you will want to use checkboxes or drop-down menu type selections instead of radio buttons.

The tag for a radio button looks like this:

<INPUT TYPE="radio" NAME="testing" VALUE="option1">

You can group the options for a set of radio buttons by giving the same NAME field for each one. The VALUE entry must be unique for each option. When you receive the mailto: form as email, the NAME and VALUE field, if they were selected from the above example, will appear like this:

testing=option1

More about decoding mailto: forms in Step Seven of this tutorial.

For an example of the entire HTML script as you work through the remainder of these steps in this tutorial, you can look at the actual form.


<HTML>
<HEAD>
<TITLE>
Web Diner Menu
</TITLE>
</HEAD>
<BODY>
<FORM ACTION="mailto:wdlaurie@aol.com" METHOD="POST">
Hi, there, and Welcome to the Diner! What can we do for you today?
<P>
<P>
Would you like to sit at <BR>
<INPUT TYPE="radio" NAME="seating" VALUE="counter"> Counter?<BR>
<INPUT TYPE="radio" NAME="seating" VALUE="booth"> Or a booth?<BR>
</FORM>
</BODY>
</HTML>

Form Design ||| HTML for Forms ||| Radio Buttons ||| Checkboxes ||| Selections Text Fields ||| Submit & Reset ||| Decoding Forms ||| Web Diner Menu

All information copyright Web Diner Inc., 1997. Do not redistribute or repost this content.