Question

Let’s assume I have the following structure

<table>
     <tr>
         <td>
             <input type="text" name="name" />
         </td>
         <td>
             <input type="submit" name="submit" />
         </td>
     </tr>
... 
</table>

I need to have forms in each row, but because my inputs are in other <td> elements, I don’t know how to place the <form> element (of course I can use colspan="2" and put the form into it, but I need to have two other <td> elements).

How can I solve this?

UPDATE: I don’t want to use Javascript to solve this problem 🙂

Answer 1

The best solution: Use divs instead of tables.

Other solution, create a separate table for each row. That way, you can put each table in a separate form and put the input fields in the td-s, so they will be inside the form too.