<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Student Form</title>
<script type="text/javascript" src="Datetimepicker.js"></script>
<body bgcolor="white">
<form action="Student1Servlet" method="post" enctype="multipart/form-data" >
<table>
<tr>
<td>Reg_Id:</td>
<td>
<input type="text" name="regId" style=" width : 207px;">
<tr>
<td>Name:</td>
<td>
<input type="text" name="name" style=" width : 207px;">
</td>
</tr>
<tr>
<td>Guardian:</td>
<td>
<input type="text" name="guardian" style="width : 207px; height : 21px;">
</td></tr>
<tr>
<td>Relation:</td>
<td>
<input type="text" name="relation" style="width : 207px; height : 21px;">
</td></tr><tr>
<td>Religion:</td>
<td>
<input type="text" name="Relegion" style="width : 207px; height : 21px;">
</td></tr><tr>
<td>Caste:</td>
<td>
<input type="text" name="caste" style="width : 207px; height : 21px;">
</td></tr>
<tr>
<td>HouseName:</td>
<td>
<input type="text" name="housename" style="width : 207px; height : 26px;">
</td></tr>
<tr>
<td>Place:</td>
<td>
<input type="text" name="place" style="width : 207px; height : 21px;">
</td></tr><tr>
<td>PostOffice:</td>
<td>
<input type="text" name="post" style="width : 207px; height : 21px;">
</td></tr><tr>
<td>District:</td>
<td>
<input type="text" name="district" style="width : 207px; height : 21px;">
</td></tr>
<tr>
<td>Pin:</td>
<td>
<input type="text" name="pin" style="width : 207px; height : 21px;">
</td></tr>
<tr>
<td>State:</td>
<td>
<input type="text" name="state" style="width : 207px; height : 21px;">
</td></tr><tr><td>Country:</td><td><input type="text" name="country" style=" width : 206px;"></td>
</tr>
<tr><td>DOB:</td><td><input id="demo13" type="text" size="25" name="dob" style=" height : 25px;"><a href="javascript:NewCssCal('demo13','yyyymmdd')">
<img src="images//cal.gif" width="16" height="16" alt="Pick a date" style="width : 25px; height : 30px;"></a></td>
<td></td></tr>
<tr>
<td>Gender:</td>
<td>
<input type="radio" name="gender" value="m" checked>Male
<input type="radio" name="gender" value="f">Female
</td></tr><tr><td>Phone:</td><td>
<input type="text" name="ph_No" style=" width : 209px;""></td>
</tr><tr><td>Mobile:</td>
<td>
<input type="text" name="mob_No" style=" width : 211px;"></td></tr>
<tr><td>Email </td><td><input type="text" name="email_Id" style=" width : 209px;"></td></tr>
<tr>
<td>Qulalify Degree:</td><td>
<select value="qual_Deg" name="qualif_Deg">
<option value="bca">BCA</option><option value="Maths">Bsc Maths<option value="Physics">Bsc Physics<option value="Elect">Bsc Electronics</option><option value="Csc">Bsc Computer Science</option><option value="Elect">Bsc Chemistry</option><option value="It">Bsc IT</option><option value="vhse">VHSE</option><option value="plustwo">PlusTwo</option></select></tr>
<tr><td>Marks:</td><td>
<input type="text" name="marks" style=" width : 211px;"></td></tr>
<tr><td>Year Of Passing:</td><td>
<input type="text" name="yop" style=" width : 211px;"></td></tr>
<tr><td>Status:</td><td><select value="statu" name="status">
<option value="Do">Doing</option><option value="dis">DisContinue</option><option value="com">Completed</option></select></td></tr>
<tr><td>Accomodation:</td>
<td><select value="acc" name="statusofAcc">
<option value="Day">Day Scholar</option><option value="hostel">Hostel</option></select></td></tr><tr>
<td>Remarks:</td>
<td>
<input type="text" name="remark" style=" width : 211px;"></td></tr><tr>
<td>Exam Reg Number:</td>
<td>
<input type="text" name="examregno" style=" width : 211px;"></td></tr><tr>
<td>Centre:</td>
<td>
<select name ="center"><option value="Manjeri">CCSIT Manjeri</option><option value="Muttil">CCSIT Muttil</option><option value="vatakara">CCSIT Vatakara</option><option value="Cu Campus">CCSIT CU Campus</option><option value="pkd">CCSIT Palakkad</option><option value="Thalikulam">CCSIT Thalikulam</option><option value="kptm">CCSIT Kuttippuram</option>
<option value="Mkd">CCSIT Mannarkkad</option><option value="plt">CCSIT Pullut</option><option value="Tsr">CCSIT Thrissur</option></select>
</td>
</tr><tr>
<td>Course:</td><td>
<select name ="course"><option value="Mca">MCA</option><option value="Bca">BSc IT</option><option value="Msc">Msc Computer Science</option></select>
</tr><tr>
<td>Blood Group:</td>
<td>
<input type="text" name="Bloodgroup" style=" width : 211px;"></td></tr>
<tr>
<td>Photo:</td>
<td>
<input type="file" name="photo" style=" width : 211px;"></td></tr>
<tr>
<td><input type="submit" value="Submit" style=" width : 64px;"></td>
<td width="60">
<input type="reset" value="Reset"></td></tr>
</table>
</form></body></html>
Please visit the following link:
http://www.roseindia.net/tutorial/jquery/formValidation.html