Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!doctype html>
- <html lang="en">
- <head> <body class="container">
- <h2 class="display-4 text-center">Student Registration Form</h2>
- <br>
- <form>
- <form>
- <div class="form-group row">
- <div class="form-group row">
- <div class="form-group row">
- <label for="dateOfBirth" class="col-sm-2 col-form-label">Date of Birth</label>
- <div class="col-sm-10">
- <select class="form-control-inline" id="dateOfBirthDay">
- <option value="" disabled selected>Day</option>
- <option>1</option>
- <option>2</option>
- <option>3</option>
- <option>4</option>
- <option>5</option>
- <option>7</option>
- <option>8</option>
- <option>9</option>
- <option>10</option>
- <option>11</option>
- <option>12</option>
- <option>13</option>
- <option>14</option>
- <option>15</option>
- <option>16</option>
- <option>17</option>
- <option>18</option>
- <option>19</option>
- <option>20</option>
- <option>21</option>
- <option>22</option>
- <option>23</option>
- <option>24</option>
- <option>25</option>
- <option>26</option>
- <option>27</option>
- <option>28</option>
- <option>29</option>
- <option>30</option>
- <option>31</option>
- </select>
- <select class="form-control-inline" id="dateOfBirth">
- <option value="" disabled selected="">Month</option>
- <option>Jan</option>
- <option>Feb</option>
- <option>Mar</option>
- <option>Apr</option>
- <option>May</option>
- <option>Jun</option>
- <option>Jul</option>
- <option>Aug</option>
- <option>Sep</option>
- <option>Oct</option>
- <option>Nov</option>
- <option>Dec</option>
- </select>
- <select class="form-control-inline" id="dateOfBirth">
- <option value="" disabled selected="">Year</option>
- <option>1990</option>
- <option>1991</option>
- <option>1992</option>
- <option>1993</option>
- <option>1994</option>
- <option>1995</option>
- <option>1996</option>
- <option>1997</option>
- <option>1998</option>
- <option>1999</option>
- <option>2000</option>
- </select> </div>
- </div>
- <div class="form-group row">
- <label for="email" class="col-sm-2 col-form-label">Email Address</label>
- <div class="col-sm-10">
- <input type="email" class="form-control" id="email" placeholder="someone@example.com">
- </div>
- </div>
- <div class="form-group row">
- <fieldset class="form-group">
- <div class="form-group row">
- <div class="form-group row">
- <div class="form-group row">
- <div class="form-group row">
- <div class="form-group row">
- <div class="form-group row">
- <fieldset class="form-group">
- <div class="row">
- <legend class="col-form-label col-sm-2 pt-0">Qualification</legend>
- <div class="col-sm-10">
- <table>
- <thead>
- <tr class="text-center">
- <th>SL<span> </span></th>
- <th>Examination</th>
- <th>Board</th>
- <th>Percentage</th>
- <th>Year of Passing</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>1</td>
- <td>Class X</td>
- <td> <input type="text"/> </td>
- <td> <input type="text"/> </td>
- <td> <input type="text"/> </td>
- </tr>
- <tr>
- <td>2</td>
- <td>Class XII</td>
- <td> <input type="text"/> </td>
- <td> <input type="text"/> </td>
- <td> <input type="text"/> </td>
- </tr>
- <tr>
- <td>3</td>
- <td>Graduation</td>
- <td> <input type="text"/> </td>
- <td> <input type="text"/> </td>
- <td> <input type="text"/> </td>
- </tr>
- <tr>
- <td>4</td>
- <td>Masters</td>
- <td> <input type="text"/> </td>
- <td> <input type="text"/> </td>
- <td> <input type="text"/> </td>
- </tr>
- <tr class="text-center">
- <td></td>
- <td></td>
- <td> <small id="stateHelp" class="form-text text-muted">(10 Characters Max)</small> </td>
- <td> <small id="stateHelp" class="form-text text-muted">(Upto 2 Decimal)</small> </td>
- <td></td>
- </tr>
- </tbody>
- </table>
- </div>
- </div>
- </fieldset>
- <fieldset class="form-group">
- <div class="form-group row text-center"> </form>
- <!-- <table class="table table-hover table-striped"> -->
- <!-- Optional JavaScript -->
- <!-- jQuery first, then Popper.js, then Bootstrap JS -->
- <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
- <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement