テーブル行にフォームを追加

Question

テーブル行にフォームを追加する有効な方法はありますか？

私は、次のような状況があります。

<table> 
    <tr> 
    <td><input type="text" name="q"></td> 
    <td><input type="text" name="a"></td> 
    <td><input type="submit" name="submit" value="Submit"></td> 
    </tr> 
    <tr> 
    <td><input type="text" name="q"></td> 
    <td><input type="text" name="a"></td> 
    <td><input type="submit" name="submit" value="Submit"></td> 
    </tr> 
    <tr> 
    <td><input type="text" name="q"></td> 
    <td><input type="text" name="a"></td> 
    <td><input type="submit" name="submit" value="Submit"></td> 
    </tr> 
</table> 

はどのようにしてフォーム要素を追加して、まだ有効なHTMLを持つことができますか？

<table> 
    <form> 
    <tr> 
     <td><input type="text" name="q"></td> 
     <td><input type="text" name="a"></td> 
     <td><input type="submit" name="submit" value="Submit"></td> 
    </tr> 
    </form> 
</table> 

は

Answer 1

フォーム要素の内側にあなたのテーブルをラップ：

<form action="/" name="form1"> 
    <table>...</table> 
</form> 

しかし、さらに良い：可能な場合は、テーブルなしでフォームを作成します。

Answer 2

テーブルとフォームはHTMLで別々の概念です（少なくとも私はそれだと思う）が無効です。人々は時々それらをお互いに混同します。概念的な混乱にはしばしば混乱したマークアップが伴う。一方、テーブルとフォームはある意味で「混在」することができます。具体的には、フォームの中にテーブルを置くこともできますし、逆にテーブルを置くこともできます。しかし、あなたがしていることを理解する必要があります。

テーブルとフォームはいずれの方法でもネストできます。しかし、フォームをテーブルに入れると、各フォームは1つのテーブルセル（実際には1つのTDエレメント）に完全に含まれていなければなりません。それによってフォームは完全に独立しています。

AFAIKフォームをフォーマットするためにテーブルを使用することは有効です。

Answer 3

<form action="/" name="form1"> 
<table> 
    <tr> 
    <td><input type="text" name="q"></td> 
    <td><input type="text" name="a"></td> 
    <td><input type="submit" name="submit" value="Submit"></td> 
    </tr> 
    <tr> 
    <td><input type="text" name="q"></td> 
    <td><input type="text" name="a"></td> 
    <td><input type="submit" name="submit" value="Submit"></td> 
    </tr> 
    <tr> 
    <td><input type="text" name="q"></td> 
    <td><input type="text" name="a"></td> 
    <td><input type="submit" name="submit" value="Submit"></td> 
    </tr> 
</table> 

    </form> 

または

<table> 
    <tr> 
     <td colspan="2"> <form action="/" name="form1"></td> 
    </tr> 
    <tr> 
    <td><input type="text" name="q"></td> 
    <td><input type="text" name="a"></td> 
    <td><input type="submit" name="submit" value="Submit"></td> 
    </tr> 
<tr><td colspan="2"> </form></td></tr> 

...... 

</table>