42uaqbaw5
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Online School Registration</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Online School Registration</h1>
<form id="registrationForm" action="submit_registration.php" method="POST">
<div>
<label for="schoolLogin">School Login Details:</label>
<input type="text" id="schoolLogin" name="schoolLogin" required>
</div>
<div>
<label for="classTeacher">Name of Class Teacher:</label>
<input type="text" id="classTeacher" name="classTeacher" required>
</div>
<div>
<label for="location">Location of Classroom:</label>
<input type="text" id="location" name="location" required>
</div>
<div>
<label for="roomNumber">Room Number:</label>
<input type="text" id="roomNumber" name="roomNumber" required>
</div>
<div>
<label for="date">Select Date:</label>
<input type="date" id="date" name="date" required>
</div>
<table>
<thead>
<tr>
<th>Student Name</th>
<th>Age</th>
<th>Grade</th>
<th>Gender</th>
<th>Contact Number</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<!-- Repeat this block for 40 rows -->
<tr>
<td><input type="text" name="studentName[]" required></td>
<td><input type="number" name="age[]" required></td>
<td><input type="text" name="grade[]" required></td>
<td>
<select name="gender[]">
<option value="Male">Male</option>
<option value="Female">Female</option>
<option value="Other">Other</option>
</select>
</td>
<td><input type="text" name="contactNumber[]" required></td>
<td><input type="email" name="email[]" required></td>
</tr>
<!-- Repeat ends here -->
</tbody>
</table>
<button type="submit">Submit to Head Teacher's Office</button>
</form>
<script src="script.js"></script>