Page 95 - TP_Play_V2.1_class8
P. 95

Let us create a student registration form by using form elements of HTML. The code to create the
                 registration form is as follows:

                 <!DOCTYPE html>
                 <HTML>
                 <HEAD>
                 <TITLE> Form </TITLE>
                 </HEAD>
                 <BODY STYLE="BACKGROUND-COLOR:lightyellow; COLOR:blue;">

                 <H1 STYLE= "TEXT-ALIGN: center"> Registration Form </H1>
                 <HR>
                 <FORM>
                 Name: <INPUT TYPE="TEXT"> <BR><BR>

                 Father's Name: <INPUT TYPE="TEXT"> <BR><BR>
                 Age in Years: <INPUT TYPE="TEXT"> <BR><BR>
                 Gender: <INPUT TYPE="RADIO" NAME="gender"> Male <INPUT TYPE="RADIO"
                 NAME="gender"> Female <BR> <BR>
                 Address: <TEXTAREA ROWS ="4" COLS = "80"> </TEXTAREA> <BR> <BR>
                 Hobbies: <BR>
                 <INPUT TYPE="CHECKBOX"> Playing Cricket <BR>

                 <INPUT TYPE="CHECKBOX"> Listening to Music <BR>
                 <INPUT TYPE="CHECKBOX"> Reading Books <BR>
                 <BR> <BR>
                 Enroll for Class:

                 <SELECT>
                 <OPTION> Class 1
                 <OPTION> Class 2
                 <OPTION> Class 3
                 <OPTION> Class 4
                 <OPTION> Class 5
                 <OPTION> Class 6

                 <OPTION> Class 7
                 <OPTION> Class 8
                 </SELECT>
                 <BR>
                                                                                      Output
                 <BR>
                 <INPUT TYPE="SUBMIT" VALUE="SUBMIT">

                 <INPUT TYPE="RESET" VALUE="RESET">
                 </FORM>
                 </BODY>
                 </HTML>

                                                                          Images, Links and Frame in HTML5        93
   90   91   92   93   94   95   96   97   98   99   100