Advertisement
skb50bd

411_1

Jan 13th, 2019
336
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 5.25 KB | None | 0 0
  1. <!doctype html>
  2. <html lang="en">
  3.   <head>  <body class="container">
  4.    
  5.     <h2 class="display-4 text-center">Student Registration Form</h2>
  6.     <br>
  7.    
  8.     <form>
  9.    
  10.     <form>
  11.         <div class="form-group row">       
  12.         <div class="form-group row">
  13.         <div class="form-group row">
  14.            <label for="dateOfBirth" class="col-sm-2 col-form-label">Date of Birth</label>
  15.             <div class="col-sm-10">
  16.             <select class="form-control-inline" id="dateOfBirthDay">
  17.             <option value="" disabled selected>Day</option>
  18.             <option>1</option>
  19.                 <option>2</option>
  20.             <option>3</option>
  21.             <option>4</option>
  22.             <option>5</option>
  23.                 <option>7</option>
  24.                 <option>8</option>
  25.                 <option>9</option>
  26.                 <option>10</option>
  27.                 <option>11</option>
  28.                 <option>12</option>
  29.                 <option>13</option>
  30.                 <option>14</option>
  31.                 <option>15</option>
  32.                 <option>16</option>
  33.                 <option>17</option>
  34.                 <option>18</option>
  35.                 <option>19</option>
  36.                 <option>20</option>
  37.                 <option>21</option>
  38.                 <option>22</option>
  39.                 <option>23</option>
  40.                 <option>24</option>
  41.                 <option>25</option>
  42.                 <option>26</option>
  43.                 <option>27</option>
  44.                 <option>28</option>
  45.                 <option>29</option>
  46.                 <option>30</option>
  47.                 <option>31</option>
  48.             </select>
  49.                 <select class="form-control-inline" id="dateOfBirth">
  50.             <option value="" disabled selected="">Month</option>
  51.             <option>Jan</option>
  52.                 <option>Feb</option>
  53.             <option>Mar</option>
  54.             <option>Apr</option>
  55.             <option>May</option>
  56.                 <option>Jun</option>
  57.                 <option>Jul</option>
  58.                 <option>Aug</option>
  59.                 <option>Sep</option>
  60.                 <option>Oct</option>
  61.                 <option>Nov</option>
  62.                 <option>Dec</option>
  63.             </select>
  64.                 <select class="form-control-inline" id="dateOfBirth">
  65.                 <option value="" disabled selected="">Year</option>            
  66.             <option>1990</option>
  67.                 <option>1991</option>
  68.             <option>1992</option>
  69.             <option>1993</option>
  70.             <option>1994</option>
  71.                 <option>1995</option>
  72.                 <option>1996</option>
  73.                 <option>1997</option>
  74.                 <option>1998</option>
  75.                 <option>1999</option>
  76.                 <option>2000</option>
  77.                 </select>           </div>
  78.         </div>
  79.        
  80.         <div class="form-group row">
  81.            <label for="email" class="col-sm-2 col-form-label">Email Address</label>
  82.             <div class="col-sm-10">
  83.             <input type="email" class="form-control" id="email" placeholder="someone@example.com">
  84.             </div>
  85.         </div>
  86.        
  87.         <div class="form-group row">
  88.         <fieldset class="form-group">
  89.         <div class="form-group row">       
  90.         <div class="form-group row">       
  91.         <div class="form-group row">       
  92.         <div class="form-group row">       
  93.         <div class="form-group row">       
  94.         <div class="form-group row">       
  95.         <fieldset class="form-group">
  96.             <div class="row">
  97.             <legend class="col-form-label col-sm-2 pt-0">Qualification</legend>
  98.             <div class="col-sm-10">
  99.                     <table>
  100.                         <thead>
  101.                             <tr class="text-center">
  102.                                 <th>SL<span> &nbsp; &nbsp; </span></th>
  103.                                 <th>Examination</th>
  104.                                 <th>Board</th>
  105.                                 <th>Percentage</th>
  106.                                 <th>Year of Passing</th>                           
  107.                             </tr>                      
  108.                         </thead>
  109.                         <tbody>
  110.                             <tr>
  111.                                 <td>1</td>
  112.                                 <td>Class X</td>
  113.                                 <td> <input type="text"/> </td>
  114.                                 <td> <input type="text"/> </td>
  115.                                 <td> <input type="text"/> </td>                        
  116.                             </tr>
  117.                             <tr>
  118.                                 <td>2</td>
  119.                                 <td>Class XII</td>
  120.                                 <td> <input type="text"/> </td>
  121.                                 <td> <input type="text"/> </td>
  122.                                 <td> <input type="text"/> </td>                        
  123.                             </tr>
  124.                             <tr>
  125.                                 <td>3</td>
  126.                                 <td>Graduation</td>
  127.                                 <td> <input type="text"/> </td>
  128.                                 <td> <input type="text"/> </td>
  129.                                 <td> <input type="text"/> </td>                        
  130.                             </tr>
  131.                             <tr>
  132.                                 <td>4</td>
  133.                                 <td>Masters</td>
  134.                                 <td> <input type="text"/> </td>
  135.                                 <td> <input type="text"/> </td>
  136.                                 <td> <input type="text"/> </td>                        
  137.                             </tr>
  138.                             <tr class="text-center">
  139.                                 <td></td>
  140.                                 <td></td>
  141.                                 <td> <small id="stateHelp" class="form-text text-muted">(10 Characters Max)</small>  </td>
  142.                                 <td> <small id="stateHelp" class="form-text text-muted">(Upto 2 Decimal)</small>  </td>
  143.                                 <td></td>                          
  144.                             </tr>                      
  145.                         </tbody>                   
  146.                     </table>
  147.                 </div>
  148.             </div>
  149.         </fieldset>    
  150.         <fieldset class="form-group">      
  151.        
  152.         <div class="form-group row text-center">  </form>    
  153.    
  154.     <!-- <table class="table table-hover table-striped">    -->
  155.     <!-- Optional JavaScript -->
  156.     <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  157.     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  158.     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
  159.     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
  160.   </body>
  161. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement