Radio Button
Radio Button
DescriptionThe tag to put a radio button on your web site is <INPUT TYPE="RADIO" NAME="XXXX" VALUE="X">. XXXX is replaced with the name of the radio button. X is replaced with the value, which is what will be sent to the CGI script if that button is selected. Also, please note that the radio buttons must have the same name defined in NAME="XXXX" for only one button to be selected at once.
Code
<FORM METHOD="POST" ACTION="script.cgi">

<INPUT TYPE="RADIO" NAME="btn1" VALUE="today">
<INPUT TYPE="RADIO" NAME="btn1" VALUE="tomarrow">

</FORM>
Output
Practice
Automatically Selected Button
DescriptionAutomatically selecting a radio button means that a radio button is already selected when the user loads the page. To automatically select a radio button, add the line CHECKED to the <INPUT TYPE="RADIO" NAME="XXXX" VALUE="X"> tag so the final result looks like <INPUT TYPE="RADIO" NAME="XXXX" VALUE="X" CHECKED>.
Code
<FORM METHOD="POST" ACTION="script.cgi">

<INPUT TYPE="RADIO" NAME="btn1" VALUE="today" CHECKED>
<INPUT TYPE="RADIO" NAME="btn1" VALUE="tomarrow">

</FORM>
Output
Practice
Disable Radio Button
DescriptionDisabling a radio button means that the radio button is grayed out and is unable to be edited by the user. To disable a radio button, add the line DISABLED to the <INPUT TYPE="RADIO" NAME="XXXX" VALUE="X"> tag so the final result looks like <INPUT TYPE="RADIO" NAME="XXXX" VALUE="X" DISABLED>.
Code
<FORM METHOD="POST" ACTION="script.cgi">

<INPUT TYPE="RADIO" NAME="btn1" VALUE="today" DISABLED>
<INPUT TYPE="RADIO" NAME="btn1" VALUE="tomarrow">

</FORM>
Output
Practice
Advertisements