表格內部的表單

Question

我在HTML表格中包含了一些表單，用於新增一行並更新目前行。我遇到的問題是，當我在開發工具中檢查表單時，我發現表單元素在開啟後立即關閉（輸入框等不包含在表單內）。

因此，提交表單時無法包含欄位。

表格行與輸入框如下：

<tr>
    <form method="post" action="">
        <td>
            <input type="text" name="job_num">
        </td>

        <td>
            <input type="text" name="desc">
        </td>
    </form>
</tr>

任何幫助將會很棒，謝謝。

Answer 1

如果您想儲存您的標記，請使用"form"屬性：

<form method="GET" id="my_form"></form>

<table>
    <tr>
        <td>
            <input type="text" name="company" form="my_form" />
            <button type="button" form="my_form">ok</button>
        </td>
    </tr>
</table>

(*在<form>標籤之外的表單欄位)

Answer 2

一個表單不允許作為table、tbody或tr的子元素。試圖將表單放在這些位置會導致瀏覽器將表單移到表格之後（同時保留其內容 - 表格行、表格儲存格、輸入框等）。

你可以在一個表單內放置整個表格。你可以在表格儲存格內放置一個表單。但你不能在表單內放置表格的一部分。

在整個表格周圍使用一個表單。然後可以使用點擊的提交按鈕來確定要處理的行（以提高速度），或處理每一行（允許批次更新）。

HTML 5引進了form attribute。這允許你在表格之外為每一行提供一個表單，然後使用其id將給定行中的所有表單控制項與其中一個表單關聯起來。