Index

<!
DOCTYPE html>
<html>
<head>
<title>Student Management System</title>
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css">




</head>
<body>
<header>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="#">SMS</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-
label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item"><a class="nav-link" href="ListStudents">List All
Students</a></li>
<li class="nav-item"><a class="nav-link" href="#add">Add
Student</a></li>
<li class="nav-item"><a class="nav-link" href="#find">Find
Student</a></li>
<li class="nav-item"><a class="nav-link" href="#edit">Edit
Student</a></li>
<li class="nav-item"><a class="nav-link" href="#remove">Remove Student
</a></li>
</ul>
</div>
</div>
</nav>
</header>
<section id="add" class="bg-light py-5">
<h2>Add Student Data</h2>
<form class="form" method="GET" action="AddStudent">
<div class="form-group">
<label for="add_rno">Roll Number:</label>
<input class="form-control" type="text" id="add_rno"
name="add_rno" placeholder="Enter Roll Number"/>
</div>
<label for="add_name">Name:</label>
<input class="form-control" type="text" id="add_name"
name="add_name" placeholder="Enter Name"/>
</div>
<div class="form-check my-2">
<input class="form-check-input" type="checkbox"
name="special_needs" id="special_needs" value="S">
<label class="form-check-label"
for="special_needs">
Special Needs
</label>
</div>
<div class="form-group form-check specialNeedsList">
name="is_vi" id="is_vi" value="vi">
<label class="form-check-label" for="is_vi">
The student is visually impaired
</label><br>
name="needs_wc" id="needs_wc" value="vi">
<label class="form-check-label" for="needs_wc">
The student needs a wheelchair
</label>
</div>
<input class="btn btn-success my-2" type="submit"
class="btn btn-primary my-2" value="Add Student"/>
</form>
</div>
</section>
<section id="find" class="bg-light py-5">

<h2>Find Student Data</h2>
<form method="GET" action="FindStudent">
</div>
</div>
<label for="find_rno">Roll Number:</label>
<input class="form-control" type="text" id="find_rno"
name="find_rno" placeholder="Enter Roll Number"/>
<input class="btn btn-primary my-2" type="submit"
value="Find"/>
</form>
</div>
</section>
<section id="edit" class="bg-light py-5">
<h2>Edit Student Data</h2>
<form method="GET" action="EditStudent">
<label for="edit_rno">Roll Number:</label>
<input class="form-control" type="text" id="edit_rno"
name="edit_rno" placeholder="Enter Roll Number"/>
</div>
<label for="name">Name:</label>
<input class="form-control" type="text"
id="edit_name" name="edit_name" placeholder="Enter Name"/>
</div>
<input class="btn btn-warning my-2" type="submit"
value="Edit"/>
</form>
</div>
</section>
<section id="remove" class="bg-light py-5">
<h2>Remove Student Data</h2>
<form method="GET" action="RemoveStudent">
<label for="remove_rno">Roll Number:</label>
<input class="form-control" type="text"
id="remove_rno" name="remove_rno" placeholder="Enter Roll Number"/>
</div>
<input class="btn btn-danger my-2" type="submit"
value="Remove"/>
</form>
</div>
</section>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.min.js"
integrity="sha384-cuYeSxntonz0PPNlHhBs68uyIAVpIIOZZ5JqeqvYYIcEL727kskC66kF92t6Xl2V"
crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.7.0.min.js"
integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g="
crossorigin="anonymous"></script>
<script>
$(document).ready(function () {
$(".specialNeedsList").hide();
$("#special_needs").click(function () {
if($("#special_needs").is(":checked")){
$(".specialNeedsList").show();
}
else {
$(".specialNeedsList").hide();
}
});
});
</script>
</body>
</html>

Index

Uploaded by

Document Information

Original Description:

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Index

Uploaded by

Copyright:

Available Formats

<!

<section id="find" class="bg-light py-5">

You might also like