Page 78 - TP_Prime_V2.2_Class8
P. 78
Adding a Radio Button
Radio buttons are used when a user has to make a selection among multiple choices or
options. It is generally used for selection of gender, quiz questions, etc. For example,
to accept the gender, the programmer needs to create two radio buttons. "Male" and
"Female," which belong to the same group called "Gender," so that while inputting data, a
user will be able to select either "Male" or "Female," but not both. To add the radio button
to the form, follow the syntax as given below:
Prime (Ver. 2.2)-VIII <INPUT TYPE="RADIO" NAME="Name of the radio button" VALUE="value of
radio button" CHECKED>
For example:
<INPUT TYPE="RADIO" NAME="Gender" VALUE="Male" CHECKED> Male
<INPUT TYPE="RADIO" NAME="Gender" VALUE="Female"> Female
TYPE="RADIO" indicates that the form element is a radio button.
NAME="Gender" is the name of the radio button group.
76 VALUE="Male" and VALUE="Female" signifies that one radio button has a value "Male" and
the other has the value="Female".
The CHECKED attribute selects the specific radio button by default. Here, "Male" radio
button is checked by default.
Let us create a web page to display the radio button.
<!DOCTYPE html>
<HTML>
<BODY>
<FORM>
Gender:
<INPUT TYPE="RADIO" NAME="Gender" VALUE="Male" CHECKED> Male
<INPUT TYPE="RADIO" NAME="Gender" VALUE="Female"> Female
</FORM>
</BODY>
</HTML>
Output
Adding Check Box
A checkbox is like a toggle switch where users can select a desired choice by clicking on
the check box.
To add the check box in the form, follow the syntax as given below:
<INPUT TYPE="CHECKBOX" NAME="Name of check box" VALUE="value of check
box">
For example:
<INPUT TYPE="CHECKBOX" NAME="Hobbies" VALUE="Reading" CHECKED>

