How to create Registration form using HTML ?

STUDENT REGISTRATION FORM


<HTML>
<HEAD>
    <TITLE>STUDENT REGISTRATION</TITLE>
    </HEAD>
      <BODY BGCOLOR="0FFF">
      <FORM>
       <TABLE>

<TR>
<TD COLSPAN="2">
<CENTER>
<FONT SIZE="4">
<B>STUDENT REGISTRATION FORM</B>
</FONT></CENTER>
 </TD>
 </TR>

<TR>
<TD>NAME</TD>
<TD><INPUT TYPE="TEXT" PLACEHOLDER="NAME"></TD>
</TR>

<TR>
<TD>FATHER'S NAME</TD>
<TD><INPUT TYPE="TEXT" PLACEHOLDER="FATHER'S NAME"></TD>
</TR>

<TR>
<TD>DOB </TD>
<TD><INPUT TYPE ="DATE"></TD>
</TR>

<TR>
<TD>GENDER</TD>
<TD><INPUT TYPE="RADIO" NAME="GENDER"> MALE
<INPUT TYPE="RADIO" NAME="GENDER"> FEMALE</TD>
</TR>

 <TR>
<TD>COURSE</TD>
<TD><SELECT NAME="COURSE">
<OPTION VALUE="-1" SELECTED>SELECT..</OPTION>
<OPTION VALUE="B.TECH">B.TECH</OPTION>
<OPTION VALUE="MCA">MCA</OPTION>
<OPTION VALUE="MBA">MBA</OPTION>
<OPTION VALUE="BCA">BCA</OPTION>
</SELECT></TD>
</TR>

<TR>
<TD>ADDRESS</TD>
 <TD><TEXTAREA></TEXTAREA></TD>
</TR>

<TR>
<TD>DIST</TD>
<TD><SELECT NAME="DIST">
<OPTION VALUE="-1" SELECTED>SELECT..</OPTION>
<OPTION VALUE="BOKARO">BOKARO</OPTION>
<OPTION VALUE="RANCHI">RANCHI</OPTION>
<OPTION VALUE="DHANBAD">DHANBAD</OPTION>
<OPTION VALUE="JAMSHEDPUR">JAMSHEDPUR</OPTION>
</SELECT></TD>
</TR>

 <TR><TD>STATE</TD><TD>JHARKHAND</TD>
 </TR>

<TR>
<TD>PIN CODE</TD>
<TD><INPUT TYPE="NUMBER" PLACEHOLDER="PIN CODE"></TD>
</TR>

<TR>
<TD>EMAIL ID</TD>
<TD><INPUT TYPE="TEXT" PLACEHOLDER="EMAIL ID"></TD>
</TR>

<TR>
<TD>MOBILE NO.</TD>
<TD><INPUT TYPE="NUMBER" PLACEHOLDER="MOBILE NO."></TD>
</TR>

<TR>
<TD></TD><TD><INPUT TYPE="RESET">
<INPUT TYPE="SUBMIT" VALUE="SUBMIT FORM"></TD>
</TR>

</TABLE>
</FORM>
</BODY>
</HTML>

Output

STUDENT REGISTRATION
STUDENT REGISTRATION FORM
NAME
FATHER'S NAME
DOB
GENDER MALE FEMALE
COURSE
ADDRESS
DIST
STATEJHARKHAND
PINCODE
EMAILID
MOBILE NO.

Comments

Post a Comment

Popular posts from this blog

Factorial HTML

Factorial Coding <html> <head> <script> function show(){ var i, no, fact; fact=1; no=1; no=Number(document.getElementById("num").value); for(i=1; i<=no; i++) { fact= fact*i; } document.getElementById("answer").value= fact; } </script> </head> <body> Enter num: <input id= "num"> <button onclick="show()">Factorial</button> <input id="answer"> </body> </html> Factorial Output Enter num: Factorial
Read more

Calculator HTML

Calculate coding <html> <head> <body> <form name="calculator"> <table> <tr> <td colspan="4"> <input disabled="" id="display" name="display" type="text" /> </td> </tr> <tr> <td><input name="one" onclick="calculator.display.value += '1'" type="button" value="1" /></td> <td><input name="two" onclick="calculator.display.value +='2'" type="button" value="2" /></td> <td><input name="three" onclick="calculator.display.value +='3'" type="button" value="3" /></td> <td><input class="operator" name="plus" onclick="calculator.display.value +='+'" type="button" value="+" /></td> </tr...
Read more