|
1 | 1 | <!DOCTYPE html> |
2 | | -<html> |
| 2 | +<html lang="en"> |
| 3 | + |
3 | 4 | <head> |
4 | | - <title>Student Attendance Form</title> |
| 5 | + <meta charset="UTF-8" /> |
| 6 | + <meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
| 7 | + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| 8 | + <title>Submit Record</title> |
| 9 | + |
5 | 10 | <style> |
6 | 11 | body { |
7 | 12 | display: flex; |
8 | 13 | justify-content: center; |
9 | 14 | align-items: center; |
10 | 15 | height: 100vh; |
11 | | - margin: 0; |
12 | 16 | font-family: Arial, sans-serif; |
13 | 17 | } |
14 | 18 | .container { |
15 | 19 | text-align: center; |
16 | | - padding: 20px; |
17 | | - border: 1px solid #ccc; |
18 | | - border-radius: 10px; |
19 | | - box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); |
| 20 | + } |
| 21 | + form { |
| 22 | + margin-top: 20px; |
| 23 | + } |
| 24 | + input[type="text"], input[type="date"] { |
| 25 | + padding: 10px; |
| 26 | + margin: 5px; |
| 27 | + width: 80%; |
| 28 | + } |
| 29 | + input[type="submit"], a.button { |
| 30 | + padding: 10px 20px; |
| 31 | + margin: 5px; |
| 32 | + background-color: #4CAF50; |
| 33 | + color: white; |
| 34 | + border: none; |
| 35 | + cursor: pointer; |
| 36 | + text-decoration: none; |
| 37 | + display: inline-block; |
| 38 | + } |
| 39 | + input[type="submit"]:hover, a.button:hover { |
| 40 | + background-color: #45a049; |
20 | 41 | } |
21 | 42 | </style> |
22 | 43 | </head> |
23 | 44 | <body> |
24 | 45 | <div class="container"> |
25 | | - <h1>Student Attendance Form</h1> |
26 | | - <form action="submit_attendance.php" method="post"> |
27 | | - <label for="roll_no">Roll No:</label><br> |
28 | | - <input type="text" id="roll_no" name="roll_no" required><br><br> |
29 | | - <label for="student_name">Student Name:</label><br> |
30 | | - <input type="text" id="student_name" name="student_name" required><br><br> |
| 46 | + <h1>Submit Record</h1> |
| 47 | + <form action="submit_record.php" method="post"> |
| 48 | + <input type="text" name="roll_number" placeholder="Roll Number" required> |
| 49 | + <input type="text" name="name" placeholder="Name" required> |
| 50 | + <input type="date" name="date" required> |
31 | 51 | <input type="submit" value="Submit"> |
32 | 52 | </form> |
| 53 | + <a href="view_record.html" class="button">View Records</a> |
33 | 54 | </div> |
34 | 55 | </body> |
35 | 56 | </html> |
0 commit comments