Page 85 - trackpad v5.1 class 7 flipbook
P. 85

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>
                 <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>
                 <INPUT TYPE="TEXT" NAME="Username" SIZE="30" MAXLENGTH="40">
                 <BR> <BR> <B> Password (for this website):</B>
                 <INPUT TYPE="Password" NAME="PWD" SIZE="30" MAXLENGTH="20"> <BR>
                 <B>Area of Interest: </B> <BR>
                 <INPUT TYPE= "CHECKBOX" NAME= "INTEREST_AREA" VALUE= "Spritual"> Spritual
                 <INPUT TYPE= "CHECKBOX" NAME= "INTEREST_AREA" VALUE= "Adventure"
                 CHECKED> Adventure
                 <INPUT TYPE= "CHECKBOX" NAME= "INTEREST_AREA" VALUE= "Wildlife">
                 Wildlife
                 <BR> <BR>
                 <B>Comment: </B> <BR>
                 <TEXTAREA NAME="Comment" ROWS="10" COLS="60">
                 Type your comments here…
                 </TEXTAREA> <BR>
                 <INPUT TYPE="Submit" VALUE="Submit">
                 </FORM>
                 </BODY>

                 </HTML>



                                                                                   Images, Links and Forms in HTML5  83
   80   81   82   83   84   85   86   87   88   89   90