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

