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

