[text] frf

Viewer

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>2022EBCS085</title>
  6.     <style>
  7.         body {
  8.             font-family: 'Helvetica', Arial, sans-serif;
  9.             background-color: #f4f4f9;
  10.             padding: 20px;
  11.             display: flex;
  12.             justify-content: center; /* Centers the form on the page */
  13.             flex-direction: column; /* Aligns items vertically */
  14.             align-items: center;
  15.         }
  16.         h2 {
  17.             color: #333;
  18.             margin-bottom: 10px; /* Reduces space below the header */
  19.         }
  20.         form {
  21.             background-color: #fff;
  22.             padding: 20px;
  23.             margin-bottom: 20px; /* Adds space between forms */
  24.             border-radius: 8px;
  25.             box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  26.             width: 100%;
  27.             max-width: 480px; /* Restricting form width */
  28.         }
  29.         label {
  30.             font-weight: bold;
  31.             display: block;
  32.             margin: 10px 0 5px;
  33.         }
  34.         input[type="text"],
  35.         input[type="date"],
  36.         input[type="email"],
  37.         input[type="tel"],
  38.         select,
  39.         textarea {
  40.             width: 100%;
  41.             padding: 8px;
  42.             margin-bottom: 10px; /* Adjusts spacing to make forms shorter */
  43.             border: 1px solid #ccc;
  44.             border-radius: 4px;
  45.         }
  46.         input[type="radio"] {
  47.             margin-right: 5px;
  48.         }
  49.         .gender-labels {
  50.             display: inline-block;
  51.             margin-right: 20px;
  52.         }
  53.         input[type="submit"] {
  54.             background-color: #4CAF50;
  55.             color: white;
  56.             border: none;
  57.             padding: 10px 20px;
  58.             text-align: center;
  59.             text-decoration: none;
  60.             display: inline-block;
  61.             font-size: 16px;
  62.             cursor: pointer;
  63.             border-radius: 4px;
  64.         }
  65.     </style>
  66. </head>
  67. <body>
  68.     <h2>Create or Update Student Details</h2>
  69.     <form action="process_form.php" method="post">
  70.         <label for="name">Name:</label>
  71.         <input type="text" id="name" name="name" required>
  72.  
  73.         <label for="student_id_create">Student ID:</label>
  74.         <input type="text" id="student_id_create" name="student_id" required>
  75.  
  76.         <label for="dob">Date of Birth:</label>
  77.         <input type="date" id="dob" name="dob" required>
  78.  
  79.         <label>Gender:</label>
  80.         <div>
  81.             <label class="gender-labels"><input type="radio" name="gender" value="Male" required> Male</label>
  82.             <label class="gender-labels"><input type="radio" name="gender" value="Female"> Female</label>
  83.             <label class="gender-labels"><input type="radio" name="gender" value="Other"> Other</label>
  84.         </div>
  85.  
  86.         <label for="address">Address:</label>
  87.         <textarea id="address" name="address" required></textarea>
  88.  
  89.         <label for="mobile">Mobile Number:</label>
  90.         <input type="tel" id="mobile" name="mobile" pattern="[0-9]{10}" required>
  91.  
  92.         <label for="email">Email ID:</label>
  93.         <input type="email" id="email" name="email" required>
  94.  
  95.         <label for="department">Department:</label>
  96.         <input type="text" id="department" name="department" required>
  97.  
  98.         <input type="submit" name="create" value="Submit">
  99.         <input type="submit" name="update" value="Update">
  100.         <p><b>Note:</b> Please enter a valid student ID before clicking on "Update" to modify existing details.</p>
  101.     </form>
  102.  
  103.     <h2>Get Student Details By Student ID</h2>
  104.     <form action="process_form.php" method="GET">
  105.         <label for="student_id_get">Student ID:</label>
  106.         <input type="text" id="student_id_get" name="student_id" required>
  107.         <input type="submit" name="student_by_id" value="Submit">
  108.     </form>
  109.  
  110.     <h2>Get All Students</h2>
  111.     <form action="process_form.php" method="GET">
  112.         <input type="submit" name="all_students" value="Get All Students">
  113.     </form>
  114.  
  115.     <h2>Delete Student By Student ID</h2>
  116.     <form action="process_form.php" method="POST">
  117.         <label for="student_id_delete">Student ID:</label>
  118.         <input type="text" id="student_id_delete" name="student_id" required>
  119.         <input type="submit" name="delete" value="Submit">
  120.     </form>
  121. </body>
  122. </html>
  123.  

Editor

You can edit this paste and save as new:


File Description
  • frf
  • Paste Code
  • 16 Apr-2024
  • 4.28 Kb
You can Share it: