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

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.2kweb.net/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!