Page 80 - 2633 Trackpad Pro V5.1 Class 7
P. 80

Syntax of Checkbox input control:
                  <INPUT TYPE = "CHECKBOX" NAME = "A Word describing the group name" VALUE = "A word
                  that describes the checkbox">


                  Radio Input Control                                                     21 st
                                                                                        Century   #Flexibility
                  This control is used  when  one out  of the                            Skills
                  multiple options from a group is required to be       "Keep practising because excellence
                  selected by the site visitor. Only the selected       is a continuous  process  and not  an
                  radio button in a group is filled. While defining     accident."
                  checkboxes, we need to specify the following:
                     The group name should be specified for all the radio buttons by using the NAME attribute.

                      Each radio button should be specified with a word describing the purpose of the radio button
                    which is done with the help of the VALUE attribute.

                     The text that is needed to be displayed beside the radio button should be specified.
                  Syntax of radio input control:
                  <INPUT TYPE = "RADIO" NAME = "A Word describing the group name" VALUE = "A word that
                  describes the radio button">



                  Clickable Buttons
                  This control creates a button that acts when clicked. The form has two types of buttons:
                     Submit: We can create a Submit button to send all the form data to the server. Syntax of
                    submit button:
                     <INPUT TYPE = "SUBMIT" NAME = "Name of the button" VALUE = "Text you want to display
                    on the button">

                     Reset: We can create a reset button to reset the values of all the controls to the initial values in
                    the form.
                  Syntax of reset button:

                     <INPUT TYPE = "RESET" NAME = "Name of the button" VALUE = "Text you want to display on
                    the button">

                  Write HTML codes to create a form.

                  <!DOCTYPE html>
                  <HTML>
                  <HEAD> <TITLE> Registration Form </TITLE> </HEAD>
                  <BODY STYLE="background-color:lightpink">
                  <FORM NAME="Registration From" METHOD="POST" ACTION="mailto:abc@gmail.com">
                  <H1 STYLE = "text-align:center"> Registration Form </H1>
                  <B>Applicant Name:</B>
                  <INPUT TYPE="TEXT" NAME="APPLI_NAME" SIZE="30" MAXLENGTH="20"> <BR> <BR>
                  <B>Address: </B>



                   78   Premium Edition-VII
   75   76   77   78   79   80   81   82   83   84   85