Page 105 - modular_v2.0_HTML&_CSS_Fb
P. 105

<TITLE>Form </TITLE>

                 </HEAD>
                 <BODY STYLE="BACKGROUND-COLOR: LIGHTBLUE;">
                 <FORM>
                 Summary : <TEXTAREA ROWS ="4" COLS = "80"> </TEXTAREA>
                 </FORM>

                 </BODY>
                 </HTML>






                                                                                         Output

                 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>
                 <OPTION> Class 2 </OPTION>
                                                                                                               103
                                                                                               Forms in HTML
   100   101   102   103   104   105   106   107   108   109   110