Scribd Logo
Upload

Welcome to Scribd!

  • Index

    Uploaded by

    Sourabh Sawant
    7 views3 pages
    The document is an HTML form for registering students. It contains fields for collecting a student's personal details like name, date of birth, gender, contact information, branch, parent details, and date of registration. The form uses Bootstrap for layout and styling. On submission, the data will be added to the student registration database.

    Original Description:

    Original Title

    index

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document is an HTML form for registering students. It contains fields for collecting a student's personal details like name, date of birth, gender, contact information, branch, parent details, and date of registration. The form uses Bootstrap for layout and styling. On submission, the data will be added to the student registration database.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    7 views3 pages

    Index

    Uploaded by

    Sourabh Sawant
    The document is an HTML form for registering students. It contains fields for collecting a student's personal details like name, date of birth, gender, contact information, branch, parent details, and date of registration. The form uses Bootstrap for layout and styling. On submission, the data will be added to the student registration database.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 3

    <!

    DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="C:\Users\PGDERP\Desktop\T190358542\Public\css\
    bootstrap.min.css" />
    <link
    rel="stylesheet"
    href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-
    icons.css"
    />
    <link rel="stylesheet" href="C:\Users\PGDERP\Desktop\T190358542\Public\css\
    style.css" />
    <title>Student Registration Form</title>
    </head>

    <body>
    <main class="mt-5 pt-3">
    <div class="container">
    <div class="container-fluid px-4">
    <div class="row g-3 my-2">
    <div class="rounded">
    <div class="h1 my-4 text-center border">Student Form</div>
    <form id="studentForm">
    <div class="border p-3">
    <div class="row">
    <div class="col-md-6 mt-md-3 mt-3">
    <label>First Name</label>
    <input
    type="text"
    id="firstName"
    class="form-control"
    required
    />
    </div>
    <div class="col-md-6 mt-md-3 mt-3">
    <label>Last Name</label>
    <input
    type="text"
    id="lastName"
    class="form-control"
    required
    />
    </div>
    </div>
    <div class="row">
    <div class="col-md-6 mt-md-3 mt-3">
    <label>Birthday</label>
    <input
    type="date"
    id="dob"
    class="form-control"
    required
    />
    </div>
    <div class="col-md-6 mt-md-3 mt-3">
    <label>Gender</label>
    <div class="d-flex align-items-center mt-2">
    <label class="option">
    <input type="radio" name="gender" value="male" />
    Male <span class="checkmark"></span>
    </label>
    <label class="option ms-4">
    <input type="radio" name="gender" value="female" />
    Female <span class="checkmark"></span>
    </label>
    </div>
    </div>
    </div>
    <div class="row">
    <div class="col-md-6 mt-md-3 mt-3">
    <label>Email</label>
    <input
    type="email"
    id="email"
    class="form-control"
    required
    />
    </div>
    <div class="col-md-6 mt-md-3 mt-3">
    <label>Phone Number</label>
    <input
    type="tel"
    id="contactNo"
    class="form-control"
    required
    />
    </div>
    </div>
    <div class="my-md-3 my-3">
    <label>Branch</label>
    <select id="sub" required>
    <option value="" selected hidden>Choose Option</option>
    <option value="Maths">IT</option>
    <option value="Science">CSE</option>
    <option value="Social">Mechanical</option>
    <option value="Hindi">Civil</option>
    </select>
    </div>
    <div class="row">
    <div class="col-md-6 mt-md-3 mt-3">
    <label>Roll No</label>
    <input
    type="text"
    id="rollno"
    class="form-control"
    required
    />
    </div>
    <div class="col-md-6 mt-md-3 mt-3">
    <label>Registration Date</label>
    <input
    type="date"
    id="registrationDate"
    class="form-control"
    required
    />
    </div>
    </div>
    <div class="row">
    <div class="col-md-6 mt-md-3 mt-3">
    <label>Parent Name</label>
    <input
    type="text"
    id="parentName"
    class="form-control"
    required
    />
    </div>
    <div class="col-md-6 mt-md-3 mt-3">
    <label>Parent Mobile No</label>
    <input
    type="tel"
    id="parentMobileNo"
    class="form-control"
    required
    />
    </div>
    </div>
    <div class="d-grid mt-4">
    <button
    class="btn btn-primary btn-lg"
    id="btnAddStudent"
    type="button"
    >
    Add Student
    </button>
    </div>
    </div>
    </form>
    </div>
    </div>
    </div>
    </div>
    </main>
    <script src=".C:\Users\PGDERP\Desktop\T190358542\Public\js\
    bootstrap.bundle.min.js"></script>
    <script src=".C:\Users\PGDERP\Desktop\T190358542\Public\js\jquery-3.5.1.js"></
    script>
    <script src=".C:\Users\PGDERP\Desktop\T190358542\Public\js\myscript.js"></
    script>
    </body>
    </html>

    You might also like