Basic HTML Version

|  | Table of Contents |  | View Full Version

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 |