Page 88 - CodePilot V5.0 C8

The following code snippet uses the <INPUT> tag with TYPE=“RADIO” to display a radio button:

<LABEL>Gender:</LABEL>
<INPUT TYPE="RADIO" ID="male" NAME="Gender" VALUE="Male" CHECKED>

<LABEL FOR="male">Male</LABEL>
<INPUT TYPE="RADIO" ID="female" NAME="Gender" VALUE="Female">

<LABEL FOR="female">Female</LABEL>
The CHECKED attribute selects the specific radio button by default. Here, “Male” radio button is
checked by default.
The output of the preceding code is as follows:

Scan the QR
for full code

Adding Checkbox

A checkbox is like a toggle switch, allowing users to select multiple options by clicking on them.
The checkbox can be selected by default using the CHECKED attribute.

The syntax to add the checkbox button in the form is as follows:

<INPUT TYPE="CHECKBOX" NAME="Name of checkbox" VALUE="value of checkbox">
The following code snippet uses the <INPUT> tag with TYPE=“CHECKBOX” to display a checkbox:

Select Your Favourite Sports<BR>
<INPUT TYPE="checkbox" ID="football" NAME="sports" VALUE="Football">

<LABEL FOR="football">Football</LABEL><BR>
<INPUT TYPE="checkbox" ID="cricket" NAME="sports" VALUE="Cricket">

<LABEL FOR="cricket">Cricket</LABEL><BR>
<INPUT TYPE="checkbox" ID="hockey" NAME="sports" VALUE="Hockey">
<LABEL FOR="hockey">Hockey</LABEL><BR>

The output of the preceding code is as follows:

Scan the QR
for full code

86
CodePilot (V5.0)-VIII