ループしたフォームの前にサブミットボタンを表示

-1

私はストアするデータを入力する必要があるフォームを持っています。私は4/5回以上同じコードを使用する必要があるため、whileループを使用しました。問題は、送信ボタンがフォームの前に来ることです。それは働いている。私はそれを確認した。しかし、私はフォームの下に送信ボタンを配置する必要があります。ループしたフォームの前にサブミットボタンを表示

私は数回それを変更しようとしました。それでも私には同じ出力が得られます。これを解決するには？あなたにもTD内の送信ボタンを配置する必要があり

<!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>

出典

2017-06-12 A.K. Tarafder

あなたは、テーブルが、ノー行を持っています。ボタンがあなたが投稿したコードのフォームの前にある場合、あなたはそれにフロートを持っています。 '<>'をクリックして、レンダリングされたHTMLを使用したCSSで投稿してください。また、あなたは ' ' – mplungjan

なぜこのテーブルが必要ですか？ –

フォームは行と列を使用しています。私はコード全体を書いていませんでした。 –

、私はまた、いくつかのブラウザ（ほとんどの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>

レンダリング：

出典

2017-06-12 13:25:47 sjdaws

。代わりに投票に投票するのはどうですか？ – mplungjan

<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>

出典

2017-06-12 13:33:01

あなたが "修正したもの"に関するコメントを投稿してください – mplungjan

ありがとうございます。私は今からやります。 –

フォームタグをテーブルタグの外に置き換えてください。whileループの最後にインクリメントオプションを設定する必要があります。昨日あなたのHTMLコードは "echo 'でした Submit1 ';"それは間違っていた、私は ' –

ループしたフォームの前にサブミットボタンを表示

答えて

関連する問題