Page 118 - ConceptGP_C7_Fb
P. 118

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 ALIGN = "centre"> Registration Form </H1>
                  <B>Applicant Name:</B>
                  <INPUT TYPE="TEXT" NAME="APPLI_NAME" SIZE="30" MAXLENGTH="20">
                  <BR> <BR>
                  <B>Address: </B>
                  <INPUT TYPE="TEXT" NAME="Address" SIZE="30" MAXLENGTH="40">
                  <BR> <BR>
                  <B> State: </B>
                  <INPUT TYPE="TEXT" NAME="State" SIZE="30" MAXLENGTH="40">
                  <B> City: </B>
                  <INPUT TYPE="TEXT" NAME="City" SIZE="30" MAXLENGTH="40">
                  <BR> <BR>
                  <B> Gender: </B>
                  <INPUT TYPE="RADIO" NAME="Gender" VALUE="M" > Male
                  <INPUT TYPE="RADIO" NAME="Gender" VALUE="F" CHECKED > Female
                  <BR> <B> Username (for this website):</B>




                   116  Premium Edition-VII
   113   114   115   116   117   118   119   120   121   122   123