Untitled

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>User Information Form</title>
    <link
      rel="stylesheet"
      href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
    />
  </head>
  <body>
    <div class="container mt-5">
      <h2>User Information Form</h2>
      <form action="/submit" method="post" enctype="multipart/form-data">
        <div class="form-group">
          <label for="studentID">Student ID:</label>
          <input
            type="text"
            class="form-control"
            id="studentID"
            name="studentID"
            required
          />
        </div>
        <div class="form-group">
          <label for="name">Name:</label>
          <input
            type="text"
            class="form-control"
            id="name"
            name="name"
            required
          />
        </div>
        <div class="form-group">
          <label for="grade">Grade:</label>
          <input
            type="text"
            class="form-control"
            id="grade"
            name="grade"
            required
          />
        </div>
        <div class="form-group">
          <label for="photo">Photo:</label>
          <input
            type="file"
            class="form-control-file"
            id="photo"
            name="photo"
            accept="image/*"
            required
          />
        </div>
        <button type="submit" class="btn btn-primary">Submit</button>
      </form>
    </div>
  </body>
</html>