title: changed dom when added input field form php
body: <p>code for order.html.php:</p>
  
  <pre><code>&lt;body&gt;
  &lt;p&gt; Place order&lt;/p&gt;
  
  &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Item No.&lt;/th&gt;
              &lt;th&gt;Name&lt;/th&gt;
              &lt;!--&lt;th&gt;Mrp&lt;/th&gt;--&gt;
              &lt;th&gt;Price&lt;/th&gt;
              &lt;th&gt;Quantity&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;form id="form1" action="" method="post" &gt;
          &lt;tbody&gt;
              &lt;?php $id = 0 ;foreach ($dataProduct as $productData): ?&gt;
              &lt;tr&gt;
                  &lt;td&gt;&lt;?php echo ++$id ; ?&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;?php echo $productData['productName']; ?&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;?php echo $productData['productPrice'];?&gt;&lt;/td&gt;
                  &lt;td&gt;&lt;input type="number" name="&lt;?php echo $productData['productId']; ?&gt;"/&gt;&lt;/td&gt;
              &lt;/tr&gt;
          &lt;?php endforeach; ?&gt;
          &lt;div&gt;&lt;input type="hidden" name="add" value="placeorder"/&gt;
              &lt;input type="submit"  value="Place Order"/&gt;
              &lt;div&gt;
              &lt;/tbody&gt;
          &lt;/form&gt;
      &lt;/table&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>and dom presented in developer tool is:</p>
  
  <pre><code>&lt;body&gt;
  &lt;p&gt; Place order&lt;/p&gt;
  
  &lt;div&gt;&lt;input type="hidden" name="add" value="placeorder"&gt;
              &lt;input type="submit" value="Place Order"&gt;
              &lt;div&gt;
              &lt;/div&gt;&lt;/div&gt;
   &lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Item No.&lt;/th&gt;
              &lt;th&gt;Name&lt;/th&gt;
              &lt;!--&lt;th&gt;Mrp&lt;/th&gt;--&gt;
              &lt;th&gt;Price&lt;/th&gt;
              &lt;th&gt;Quantity&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;form id="form1" action="" method="post" &gt;&lt;/form&gt;
          &lt;tbody&gt;
                              &lt;tr&gt;
                  &lt;td&gt;1&lt;/td&gt;
                  &lt;td&gt;hp keyboard old&lt;/td&gt;
                  &lt;td&gt;400&lt;/td&gt;
                  &lt;td&gt;&lt;input type="number" name="1"&gt;&lt;/td&gt;
              &lt;/tr&gt;
                          &lt;tr&gt;
                  &lt;td&gt;2&lt;/td&gt;
                  &lt;td&gt;lenovo keyboard old&lt;/td&gt;
                  &lt;td&gt;450&lt;/td&gt;
                  &lt;td&gt;&lt;input type="number" name="2"&gt;&lt;/td&gt;
              &lt;/tr&gt;
                          &lt;tr&gt;
                  &lt;td&gt;3&lt;/td&gt;
                  &lt;td&gt;kaspersky antivirus&lt;/td&gt;
                  &lt;td&gt;430&lt;/td&gt;
                  &lt;td&gt;&lt;input type="number" name="9"&gt;&lt;/td&gt;
              &lt;/tr&gt;
                      &lt;/tbody&gt;
  
      &lt;/table&gt;
  
     &lt;/body&gt;    
  </code></pre>
  
  <p>see the position of submit and  in order.html.php and the resulted dom.
  because of this dom structure order.html.php is not able to submit value that resides in input filed. </p>
  
  <p>here is the post with related issue but not exactly what is represent here,
  <a href="https://stackoverflow.com/questions/7235269/retrieve-data-from-html-table-to-php">Retrieve data from HTML table to PHP</a></p>