Scribd
Upload
18 views

Index

This document contains the code for a student management system website. It includes a navbar for navigating between pages to list, add, find, edit, and remove student data. There are sections for adding, finding, editing, and removing a student which contain forms to accept input and submit actions. A JavaScript script hides and shows special needs checkboxes conditionally based on a main special needs checkbox.

Uploaded by

Vishwanth Bavireddy
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
18 views

Index

This document contains the code for a student management system website. It includes a navbar for navigating between pages to list, add, find, edit, and remove student data. There are sections for adding, finding, editing, and removing a student which contain forms to accept input and submit actions. A JavaScript script hides and shows special needs checkboxes conditionally based on a main special needs checkbox.

Uploaded by

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

<!

DOCTYPE html>
<html>
<head>
<title>Student Management System</title>
<link rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<!-- Include other CSS files for plugins -->

<!-- Include the following scripts at the end of the body tag -->

<!-- Include other JS files for plugins -->


</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">
<div class="container">
<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>
<div class="form-group">
<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">
<input class="form-check-input" type="checkbox"
name="is_vi" id="is_vi" value="vi">
<label class="form-check-label" for="is_vi">
The student is visually impaired
</label><br>
<input class="form-check-input" type="checkbox"
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">


<div class="container">
<h2>Find Student Data</h2>
<form method="GET" action="FindStudent">
<div class="form-group">
</div>
<div class="form-group">
</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">
<div class="container">
<h2>Edit Student Data</h2>
<form method="GET" action="EditStudent">
<div class="form-group">
<label for="edit_rno">Roll Number:</label>
<input class="form-control" type="text" id="edit_rno"
name="edit_rno" placeholder="Enter Roll Number"/>
</div>
<div class="form-group">
<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">
<div class="container">
<h2>Remove Student Data</h2>
<form method="GET" action="RemoveStudent">
<div class="form-group">
<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/[email protected]/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>

You might also like