テーブル内のフォーム

Question

新しい行を追加したり、現在の行を更新したりするためのフォームを HTML テーブルにいくつか組み込みました。私が抱えている問題は、開発ツールでフォームを検査すると、開いた直後にフォーム要素が閉じていることがわかります（入力ボックスなどがフォーム内に含まれていない）。

したがって、フォームを送信するときにフィールドを含めることはできません。

テーブルの行と入力ボックスは次のとおりです。

<tr>
    <フォームメソッド="ポスト"アクション="">
        <td>
            <input type="text" name="job_num">
        </td>

        <td>
            <input type="text" name="desc">
        </td>
    </フォーム>
</tr>

何か助けていただければ幸いです、ありがとうございます。

Answer 1

マークアップを保存したい場合は、 "form" 属性を使用します。 :

リーリー

(*<form> タグの外側のフォームフィールド)

Answer 2

フォームを table、tbody、または tr の子要素として使用することはできません。これらの場所にフォームを配置しようとすると、ブラウザは (テーブルの行、テーブルのセル、入力ボックスなどのコンテンツを保持しながら) フォームをテーブルの後ろに移動します。

テーブル全体をフォーム内に配置できます。表のセル内にフォームを配置できます。ただし、テーブルの一部をフォーム内に配置することはできません。

テーブル全体にフォームを使用します。クリックした送信ボタンを使用して、処理する行を決定したり (速度を上げるため)、各行を処理したり (バッチ更新を可能にするため) できます。

HTML 5 では、form attribute が導入されました。これにより、 テーブルの外側の各行にフォームを提供し、その id を使用して、特定の行のすべてのフォーム コントロールをいずれかのフォームに関連付けることができます。