HTML Form
<html>
<head><title>Student Registration</title>
</head>
<body bgcolor=gray>
<form method=GET action=>
<center>
<div style=width:600;background-color:white>
<font color=Darkgreen>
<H1><u> Student Registration Form</u></h1>
<fieldset><legend>Personal Data</legend>
<table border=0>
<tr><td>Name</td><td>:</td><td>
<input type="text" name="stname" placeholder="Enter your name"></td></tr>
<tr><td>Adress</td><td>:</td> <td><input type=text name=address placeholder="Enter your Address"></td></tr>
<tr><td>Tel No</td><td>:</td> <td> <input type=tel name=tel pattern="[0-9]{3}-[0-9]{7}}" placeholder="071-0670166"></td></tr>
<tr><td>DOB</td><td>:</td> <td> <input type=date name=dob></td></tr>
<tr><td>Gender</td><td>:</td> <td> <input type=radio value="M" name=gender >:male<br><input type=radio name=gender value="F" >: Female</td></tr>
<tr><td>class </td><td>:</td><td><select>
<option> Select Grade</option>
<option value=g6> Grade 06</option>
<option value=g7> Grade 07</option>
<option value=g8> Grade 08</option>
<option value=g9> Grade 09</option>
<option value=g10> Grade 10</option>
<option value=g11> Grade 11</option>
</select></td></tr>
</table></fieldset>
<!-- -------------------------------------------------------------------- -->
<fieldset>
<legend>Login Data</legend>
<table>
<tr><td>E-mail Address </td><td>:</td>
<td><input type =email name ="email" placeholder="abc@gmail.com"> </td></tr>
<tr><td>User Name </td><td>:</td>
<td><input type =text name ="un" placeholder="Enter User Name" > </td></tr>
<tr><td>Password </td><td>:</td>
<td><input type =password name ="pass" placeholder="Enter Strong Password" > </td></tr>
</table>
</fieldset>
<!-- -------------------------------------------------------------------- -->
<fieldset>
<legend>Educational data</legend>
<table>
<tr><td>Schoolship exam </td><td>:</td>
<td><input type =radio name ="SE" value ="pass"> PASS <input type=radio name ="SE" value="fail">FAIL</td></tr>
<tr><td>OL </td><td>:</td>
<td><input type =radio name ="OL" value ="pass"> PASS <input type=radio name ="OL" value="fail">FAIL</td></tr>
<tr><td>AL exam </td><td>:</td>
<td><input type =radio name ="AL" value ="pass"> PASS <input type=radio name ="AL" value="fail">FAIL</td></tr>
<tr><td>Diploma / Digree </td><td>:</td>
<td><input type =Checkbox name ="dig" value ="pass"> HAVE </td></tr></table>
</fieldset>
<!-- -------------------------------------------------------------------- -->
<fieldset>
<legend>Course Selection</legend>
<table>
<tr><td>Select Course </td>
<td><select name=course>
<option value=OFFice>Office </option>
<option value="Hardware" selected>Hardware </option>
<option value=Graphic>Graphic Design </option>
<option value=Vid>Video Editing </option>
<option value=Ani>Animation </option></select>
</tr>
<tr><td>Time </td><td><select name=time>
<option value=day>Week Days</option>
<option value=wend>Week Ends </option>
</select>
</tr></table>
</fieldset>
<Input Type=checkbox name=agree value=yes> Above all Data are True and I agree to all Conditions <br>
<input type=submit value="Register Me"> <input type=reset value= "Clear All">
<br><br>
</form>
</body>
</html>