Page 40 - PortGPT_V2.1_C8_Flipbook
P. 40
The <SELECT> Tag
Sometime, we need to display multiple options in the form of a drop-down menu or list from which
we can select only one option at a time. The <SELECT> tag with the <OPTION> tag allows us to
create a drop-down list. The <OPTION> tag specify an option in the drop-down list. The syntax of the
<SELECT> tag is as follows:
<SELECT>
<OPTION> Option 1
<OPTION> Option 2
<OPTION> Option N
</SELECT>
Let us create a student registration form by using form elements of HTML. The code to create the
registration form is as follows:
<HTML>
<HEAD>
<TITLE> Form </TITLE>
</HEAD>
<BODY BGCOLOR="lightyellow" TEXT="blue">
<CENTER>
<H1> Registration Form </H1>
</CENTER>
<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>
38 Premium Edition-VIII

