0% found this document useful (0 votes)
62 views18 pages

Mega Demo

This document contains code for three web pages: 1) A login form with fields for username and password and buttons to login or reset. 2) A registration form with fields for username, password, email, contact, and a register button. 3) A student information form with fields for name, address, contact, email, and save/cancel buttons.

Uploaded by

Vaishali Jadhav
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
62 views18 pages

Mega Demo

This document contains code for three web pages: 1) A login form with fields for username and password and buttons to login or reset. 2) A registration form with fields for username, password, email, contact, and a register button. 3) A student information form with fields for name, address, contact, email, and save/cancel buttons.

Uploaded by

Vaishali Jadhav
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 18

Login form

<%--

Document : Login

Created on : Feb 28, 2023, 12:26:46 PM

Author : 11th ,group

--%>

<!DOCTYPE html>

<html>

<head>

<title>Login</title>

<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"/>

<script src="js/bootstrap.js" type="text/javascript"></script>

<style>

.container

margin-top: 50px;

width:550px;

.modal-header, h4, .close

background-color: #46b8da;

color:white !important;
text-align: center;

font-size: 30px;

.modal-footer {

background-color: #f9f9f9;

</style>

</head>

<body>

<div class="container" >

<div class="modal-content">

<div class="modal-header" style="padding:35px 50px;">

<h4><span class="glyphicon glyphicon-lock"></span> Login</h4>

</div>

<div class="modal-body" style="padding:40px 50px;">

<form role="form" action="Login.jsp">

<div class="form-group">

<label for="txtUsername"><span class="glyphicon glyphicon-user"


></span> Username</label>

<input type="text" class="form-control" id="txtUsername"


name="txtUsername" required="" placeholder="Enter UserName">

</div>
<div class="form-group">

<label for="txtPassword"><span class="glyphicon glyphicon-eye-


close"></span> Password</label>

<input type="password" class="form-control" id="txtPassword"


name="txtPassword" required="" placeholder="Enter password" >

</div>

<button type="submit" id="login" name="login" class="btn btn-primary


btn-block">Login</button><br/>

<button type="reset" class="btn btn-primary btn-block"></span>


Reset</button>

</form>

</div>

<div class="modal-footer">

<p>Not a member?<a href="UserMaster.jsp">Register Here</a></p>

</div>

</div>

</div>

</body>

</html>
Registration Form
<!DOCTYPE html>

<html>

<head>

<title>New Registration</title>

<link href="css/bootstrap.css" rel="stylesheet"/>

<style>

.container

margin-top: 30px;

width:550px;

height: 550px;

.modal-header, h4, .close

background-color: #46b8da;

color:white !important;

text-align: center;

font-size: 30px;

.modal-footer {

background-color: #f9f9f9;

}
</style>

</head>

<body>

<div class="container" >

<div class="modal-content" style="height: 550px; margin-top: 60px">

<div class="modal-header" style="padding:20px 21px;">

<h4 style="color:#007fff"><span class="glyphicon glyphicon-user" ></span>


User Registration</h4>

</div>

<div class="modal-body" style="padding:40px 50px;">

<form>

<div class="form-group">

<label><span class="glyphicon glyphicon-user" ></span>


Username</label>

<input type="text" class="form-control" required="" placeholder="Enter


Username">

</div>

<div class="form-group">

<label><span class="glyphicon glyphicon-eye-close"></span>


Password</label>
<input type="password" class="form-control" required=""
placeholder="Enter password" >

</div>

<div class="form-group">

<label><span class="glyphicon glyphicon-envelope"></span>


Email</label>

<input type="text" class="form-control" required=""


placeholder="Enter your email" >

</div>

<div class="form-group">

<label><span class="glyphicon glyphicon-phone"></span>


Contact</label>

<input type="tel" class="form-control"required="" maxlength="10"


minlength="10" placeholder="10 digits only" >

</div>

<br>

<button type="submit" id="save" name="save" class="btn btn-primary


btn-block">Register</button><br/>

<button type="reset" class="btn btn-primary


btn-block">Reset</button>

<div class="row">
<p><center> <B>Do you want to</B> <a href="Login.jsp">Login </a>?
</center></p>

<br>

</div>

</form>

</div>

</div>

</div>

</body>

</html>
Studentinfo
<!DOCTYPE html>

<html>

<head>

<title>Student Information</title>

<link href="css/bootstrap.css" rel="stylesheet" type="text/css"/>

</head>

<body>

<div class="container">

<form id="form1" name="form1">

<div class="row page-header">

<h3> Student Information</h3>

</div>

<div class="row">

<div class="col-md-3 form-group">

<label>Student Name </label>

<input type="text" class="form-control" placeholder="Enter full


name"/>

</div>

</div>
<div class="row">

<div class="col-md-3 form-group">

<label>Address </label>

<input type="text" required="" class="form-control"


placeholder="Enter your address"/>

</div>

</div>

<div class="row">

<div class="col-md-3 form-group">

<label>Contact </label>

<input type="text" required="" class="form-control"


placeholder="Enter your contact number"/>

</div>

</div>

<div class="row">

<div class="col-md-3 form-group">

<label>Email </label>

<input type="text" required="" class="form-control"


placeholder="Enter your email "/>

</div>

</div>
<br>

<div class="row">

<div class="col-md-3 form-group">

<input type="submit" value="Save" class="btn btn-success"/>

<input type="reset" value="Cancel" class="btn btn-danger"/>

</div>

</div>

</form>

</div>

</div>

</div>

</body>

</html>
Student Information

<!DOCTYPE html>

<html>

<head>

<title>Student Information</title>

<link href="css/bootstrap.css" rel="stylesheet" type="text/css"/>

</head>

<body>

<div class="container">

<form id="form1" name="form1">


<div class="row page-header">

<h3> Student Information</h3>

</div>

<div class="row">

<div class="col-md-3 form-group">

<label>Student Name </label>

<input type="text" class="form-control" placeholder="Enter full


name"/>

</div>

</div>

<div class="row">

<div class="col-md-3 form-group">

<label>Address </label>

<input type="text" required="" class="form-control"


placeholder="Enter your address"/>

</div>

</div>

<div class="row">

<div class="col-md-3 form-group">

<label>Contact </label>
<input type="text" required="" class="form-control"
placeholder="Enter your contact number"/>

</div>

</div>

<div class="row">

<div class="col-md-3 form-group">

<label>Email </label>

<input type="text" required="" class="form-control"


placeholder="Enter your email "/>

</div>

</div>

<br>

<div class="row">

<div class="col-md-3 form-group">

<input type="submit" value="Save" class="btn btn-success"/>

<input type="reset" value="Cancel" class="btn btn-danger"/>

</div>

</div>

</form>

</div>
</div>

</div>

</body>

</html>

You might also like