How to make JSP Pages: Registration page

How to Create Registration page In JSP ?

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<html>
<head><title>Add Student</title>

<style type="text/css">
body {

color: white;
font-family: 'Open Sans', Agency FB ;
font-size: 20px;
line-height: 1.0em;
font-weight: bold;

-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
background-position: top center !important;
background-repeat: no-repeat !important;
background-attachment: fixed;
}

a { text-decoration: none;
color: white;}
h1 { font-size: 1cm;
color: white;}
p {
font-size: 0.7cm;
margin-top: 0px;
color: white;
}
strong {
font-weight: bold;
}

/* ---------- LOGIN ---------- */

form fieldset input[type="text"] {
background-color: white;
border: none;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
color: black;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
font-size: 12px;
height: 25px;
outline: none;
padding: 0px 10px;
width: 280px;
-webkit-appearance:none;
}
form fieldset input[type="submit"] {
background-color: #008dde;
border: none;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
color: #f4f4f4;
cursor: pointer;
font-family: 'Open Sans', Arial, Helvetica, sans-serif;
height: 3px;
text-transform: uppercase;
width: 300px;
-webkit-appearance:none;
}
form fieldset a {
color: #5a5656;
font-size: 20px;
}
form fieldset a:hover { text-decoration: underline; }

</style></head>
<body background="addstudent.jpg">
<form name="fieldset" method="get" action="insertdata.jsp">
<center> <tr><td>
<a href="dropdown.html"><img src="home.png"></a></td><td><h1>ADD STUDENT</h1></td></tr></table></center>
<fieldset><legend>Personal Details</legend>

<table>

<tr><td><p> First Name</p></td><td><input type="text" name="fname"></td>
<td><p> Last Name</p></td><td><input type="text" name="lname"></td>
<td><p> Father's Name</p></td><td><input type="text" name="Fname"></td></tr>
<tr><td><p> Mother's Name</p></td><td><input type="text" name="Mname"></td>
<td><p> Gender</p></td><td><input type="text" name="gender"></td>
<td><p> Date Of Birth</p></td><td><input type="text" name="dob"></td></tr>
<tr><td><p> Age</p></td><td><input type="text" name="age"></td>
<td> <p>Email Id</p></td><td><input type="text" name="email"></td>
<td><p> Address</p></td><td><input type="text" name="address"></td></tr>
<tr><td><p>Pin Code</p></td><td><input type="text" name="Pcode"></td>
<td><p>City</p></td><td><input type="text" name="city"></td></tr>

</table>
</fieldset>
<fieldset><legend>Academic Detail</legend>

<table>

<tr><td><p>Date Of Admission</p></td><td><input type="text" name="dateofadmission"></td>
<td><p>School</p></td><td><input type="text" name="school"></td>
<td><p>Admission Session</p></td><td><input type="text" name="admissionsession"></td></tr>
<tr><td><p>Currently in Session</p></td><td><input type="text" name="currentsession"></td>
<td><p>Currently in Section</p></td><td><input type="text" name="currentsection"></td>
<td><p>Student Language</p></td><td><input type="text" name="studentlanguage"></td></tr>
<tr><td><p>Registration No.</p></td><td><input type="text" name="registration"></td>
<td><p>Class</p></td>
<td><select name="class" >
<option value="">Select Class</option>
<option value="prenursery">Pre Nursery</option>
<option value="nursery">Nursery</option>
<option value="kg">K.G.</option>
<option value="first">First</option>
<option value="second">Second</option>
<option value="third">Third</option>
<option value="fourth">Fourth</option>
<option value="fifth">Fifth</option>
<option value="sixth">Sixth</option>
<option value="seventh">Seventh</option>
<option value="eighth">Eighth</option>
<option value="ninth">Ninth</option>
<option value="tenth">Tenth</option>
<option value="eleventh">Eleventh</option>
<option value="twelfth">Twelfth</option>
</select>
</td>
<td><p>Scholar Number</p></td><td><input type="text" name="scholar"></td></tr>
<tr><td><p>Student Passport Size Image</p></td><td><input type="file" name="studentimage" size="50"></td>
</tr>

</table>
</fieldset>
<p><center><input type="submit" value="Submit" name="button"></center></p>
</form>
</body>

</html>

Output

How to make JSP Pages

Monday, 19 January 2015

Registration page

3 comments: