Page 76 - Trackpad_V4.0_C8_Flipbook
P. 76

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:

              <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.
              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>


              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>





                        Premium Edition-VIII
                 74
   71   72   73   74   75   76   77   78   79   80   81