HTML Tutorial: Forms: Radio Buttons - learn html, html tags, windows web hosting, unix virtual server, web server hosting, internet web hosting, unix web hosting, virtual server hosting, freebsd web hosting, virtual server web hosting, linux web hosting, web site hosting

Radio Buttons provide a mutually exclusive selection value. Only one button may be pressed. Pressing an alternate button in a Radio Button group will automatically remove the previous selection. To identify a group of radio buttons, all the radio buttons must be next to each other, and have the same value identified in the NAME parameter. Take a look at the following code modifications for the Form.

<p ALIGN=Center>
     <center>
          <h1>Example of Form with Radio Buttons</h1>
     </center>
</p>
<form METHOD=POST ACTION="http://www.enetrics.com/cgi-bin/formmail.cgi">
     <p>Person's Name:
          <input TYPE="text" NAME="persons-name" SIZE="40" MAXLENGTH="40">
          <input TYPE="hidden" NAME="recipient" SIZE="40" MAXLENGTH="40">
     </p>
     <p>Password:
          <input TYPE="password" NAME="password" SIZE="10" MAXLENGTH="10">
     </p>
     <p>Please Place me on your mailing list:
          <input TYPE="checkbox" NAME="mailing-list" VALUE="Yes" checked>
     </p>
     <p>What Country do you Live in?
          <select NAME="Country">
               <option VALUE="USA">United States
               <option VALUE="CA">Canada
          </select>
    </p>
     <p>What Type of Computer do you have?
          <input TYPE="radio" NAME="Computer-Type" VALUE="Pentium" checked>Pentium
          <input TYPE="radio" NAME="Computer-Type" VALUE="486DX">486 DX
          <input TYPE="radio" NAME="Computer-Type" VALUE="486SX">486 SX
     </p>
     <p>
          <input TYPE="submit" NAME="Request" VALUE="Submit This Form">
          <input TYPE="reset" NAME="Clear" VALUE="Clear Form and Start Over">
     </p>
</form>

The Checked value identified at the end of the first radio button identifies the radio button is to be checked as a default. The absence of any checked value will indicate no radio buttons will be defaulted!