2017-06-12 54 views
-1

我有一個需要輸入數據來存儲的表單。我使用了一個while循環,因爲我需要使用相同的代碼超過4/5次。問題是提交按鈕在表單之前。它正在工作。我檢查了。但是,我需要將提交按鈕放在表單下方。在循環表格之前獲取提交按鈕

我試圖改變它幾次。它仍然給我相同的輸出。 如何解決這個問題?

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" type="text/css" href="../sns/bootstrap.min.css"> 
    <script type="text/javascript" src="../sns/jquery.min.js"></script> 
    <script type="text/javascript" src="../sns/bootstrap.min.js"></script> 
</head> 
<body> 
<table> 
    <tr> 
     <th>Department:</th> 
     <th>Year:</th> 
     <th>Course:</th> 
     <th>Date(dd/mm/yyyy):</th> 
     <th>Time:</th> 
     <th>Roll:</th>   
    </tr> 
    <form method="post" style="width: auto;"> 
     <?php 
     $i=0; 
     while ($i<5) { 
      echo '<tr id="c1"> 
       <td> 
        <select name="dept'.$i.'" size="1"> 
         <option value="EEE ">EEE</option> 
         <option value="CSE ">CSE</option> 
         <option value="CE ">CE</option> 
         <option value="ME ">ME</option> 
         <option value="IPE ">IPE</option> 
         <option value="GCE ">GCE</option> 
         <option value="ECE ">ECE</option> 
         <option value="ETE ">ETE</option> 
         <option value="MTE ">MTE</option> 
         <option value="URP ">URP</option> 
         <option value="Arch ">Architecture</option> 
        </select> 
       </td> 
       <td> 
        <select name="year'.$i.'" size="1"> 
         <option value="1">1st</option> 
         <option value="2">2nd</option> 
         <option value="3">3rd</option> 
         <option value="4">4th</option> 
        </select> 
       </td> 
       <td> 
        <input type="text" name="course'.$i.'" size="10"> 
       </td> 
       <td> 
        <input type="text" name="date'.$i.'" style="width: auto"> 
       </td> 
       <td> 
        <select name="time'.$i.'" size="1"> 
         <option>9:00</option> 
         <option>10:00</option> 
         <option>2:00</option> 
        </select> 
       </td> 
       <td> 
        <input type="text" name="Roll'.$i.'"> 
       </td> 
      </tr>'; 
      $i++; 
     } 
     ?> 
     <input class="btn btn-default" type="Submit" value="Submit"> 
    </form> 


</table> 

</body> 

</html> 
+0

你有一個表,但沒有行。如果該按鈕位於您發佈代碼的表單之前,那麼您有一個浮動或其他東西。點擊'<>'並使用所使用的CSS發佈呈現的HTML。你也有'' – mplungjan

+0

你爲什麼需要這張表? –

+0

表單正在使用行和列。我沒有寫出整個代碼。 –

回答

0

你需要把TD內提交按鈕,以及,我還建議充分表之外的(大部分的WebKit /鉻)移動的形式,一些瀏覽器將增加或重新安排他們認爲是不完整的內容:

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <meta content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" type="text/css" href="../sns/bootstrap.min.css"> 
    <script type="text/javascript" src="../sns/jquery.min.js"></script> 
    <script type="text/javascript" src="../sns/bootstrap.min.js"></script> 
</head> 
<body> 
<form method="post" style="width: auto;"> 
<table> 
    <tr> 
     <th>Department:</th> 
     <th>Year:</th> 
     <th>Course:</th> 
     <th>Date(dd/mm/yyyy):</th> 
     <th>Time:</th> 
     <th>Roll:</th> 
    </tr> 

     <?php 
     $i=0; 
     while ($i<5) { 
      echo '<tr id="c1"> 
       <td> 
        <select name="dept'.$i.'" size="1"> 
         <option value="EEE ">EEE</option> 
         <option value="CSE ">CSE</option> 
         <option value="CE ">CE</option> 
         <option value="ME ">ME</option> 
         <option value="IPE ">IPE</option> 
         <option value="GCE ">GCE</option> 
         <option value="ECE ">ECE</option> 
         <option value="ETE ">ETE</option> 
         <option value="MTE ">MTE</option> 
         <option value="URP ">URP</option> 
         <option value="Arch ">Architecture</option> 
        </select> 
       </td> 
       <td> 
        <select name="year'.$i.'" size="1"> 
         <option value="1">1st</option> 
         <option value="2">2nd</option> 
         <option value="3">3rd</option> 
         <option value="4">4th</option> 
        </select> 
       </td> 
       <td> 
        <input type="text" name="course'.$i.'" size="10"> 
       </td> 
       <td> 
        <input type="text" name="date'.$i.'" style="width: auto"> 
       </td> 
       <td> 
        <select name="time'.$i.'" size="1"> 
         <option>9:00</option> 
         <option>10:00</option> 
         <option>2:00</option> 
        </select> 
       </td> 
       <td> 
        <input type="text" name="Roll'.$i.'"> 
       </td> 
      </tr>'; 
      $i++; 
     } 
     ?> 
     <tr> 
      <td colspan="6" align="right"> 
       <input class="btn btn-default" type="Submit" value="Submit"> 
      </td> 
     </tr> 
</table> 
</form> 
</body> 

</html> 

呈現: enter image description here

+0

正如我剛纔評論的那樣。如何投票結束呢? – mplungjan

0
<form method="post" style="width: auto;" action=""> 
      <table> 
       <?php 
       $i = 0; 
       while ($i <= 5) { 
        #my form 
        if($i == 5) 
         echo '<button class="btn btn-default" type="Submit" style="margin-left: 18%; width: 14%">Submit0</button>'; 
        $i++; 
       } 
       ?> 
       <input class="btn btn-default" type="Submit" value="Submit1"> 
      </table> 
     </form> 
+1

請發表評論,以什麼你「固定」 – mplungjan

+0

謝謝。我從現在開始。 –

+0

請替換表標記外的表單標記,並且必須爲while循環結束處設置遞增選項,昨天您的html代碼爲「echo」 Submit1';」這是錯誤的,我已經解決了' –