Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 53 - 2606_PlugGPT_C7_Flipbook
P. 53

    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  51

| 48 49 50 51 52 53 54 55 56 57 58 |