Page 147 - CA_165_V2.0_Flipbook
P. 147

</TITLE>
                 </HEAD>

                 <BODY>
                 <FORM>
                 Gender:
                 <INPUT TYPE="RADIO" NAME="Gender" VALUE="Male" CHECKED> Male

                 <INPUT TYPE="RADIO" NAME="Gender" VALUE="Female" CHECKED> Female
                 </BODY>
                 </HTML>
                 The output of the preceding HTML code is as follows:














                                           Radio Buttons for
                                           Gender Selection

                 Adding a Checkbox

                 A checkbox is like a toggle switch where users can select a desired choice by clicking on the checkbox.
                 For example:

                 <INPUT TYPE="CHECKBOX" NAME="Hobbies" VALUE="Reading" CHECKED>Reading
                 The following HTML code uses the <INPUT> tag with the TYPE=CHECKBOX and NAME attributes to
                 create checkboxes for selecting hobbies.
                 <HTML>

                 <HEAD>
                 <TITLE>
                 Adding a Checkbox
                 </TITLE>

                 <BODY>
                 <FORM>
                 Hobbies: <BR>
                 <INPUT TYPE="CHECKBOX" NAME="HOBBIES" VALUE="Reading" CHECKED>Reading <BR>

                 <INPUT TYPE="CHECKBOX" NAME="HOBBIES" VALUE="READING"> Travelling <BR>
                 <INPUT TYPE="CHECKBOX" NAME="HOBBIES" VALUE="READING"> Playing Games<BR>
                 <INPUT TYPE="CHECKBOX" NAME="HOBBIES" VALUE="READING"> Singing & Dancing<BR>

                 </FORM>
                 </BODY>


                                                                                            More About HTML      145
   142   143   144   145   146   147   148   149   150   151   152