Thêm biểu mẫu vào các hàng trong bảng

Question

Cách nào hợp lệ (nếu có) để thêm biểu mẫu vào các hàng trong bảng?

Tôi có tình huống sau đây:

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

Làm thế nào tôi có thể thêm một yếu tố hình thức và vẫn có HTML hợp lệ?

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

là không hợp lệ (ít nhất tôi nghĩ rằng đó là)

Answer 1

Quấn bảng của bạn bên trong yếu tố hình thức:

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

Nhưng thậm chí tốt hơn: Xây dựng hình thức của bạn mà không có bàn nếu có thể.

Answer 2

Bàn và các hình thức là những khái niệm riêng biệt trong HTML. Đôi khi mọi người lẫn lộn chúng với nhau. Sự nhầm lẫn về khái niệm thường đi kèm với việc đánh dấu nhầm lẫn. Mặt khác, các bảng và biểu mẫu có thể được "trộn lẫn" theo nghĩa nào đó. Cụ thể, bạn có thể đặt một bảng bên trong một biểu mẫu hoặc ngược lại và thường hữu ích khi làm như vậy. Nhưng bạn cần phải hiểu những gì bạn đang làm.

Bàn và biểu mẫu có thể được lồng nhau theo một trong hai cách. Nhưng nếu bạn đặt biểu mẫu vào các bảng, mỗi biểu mẫu phải được bao gồm hoàn toàn vào một ô bảng duy nhất (một phần tử TD trong thực tế). Qua đó các hình thức là hoàn toàn độc lập.

AFAIK Có giá trị sử dụng các bảng để định dạng biểu mẫu.

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> 

hoặc

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