bentuk dalam jadual

Question

Saya telah memasukkan beberapa borang dalam jadual HTML untuk menambah baris baharu dan mengemas kini baris semasa. Masalah yang saya hadapi ialah apabila saya memeriksa borang dalam alat dev, saya melihat bahawa elemen borang ditutup serta-merta selepas dibuka (kotak input dll. tidak terkandung dalam borang).

Oleh itu, medan tidak boleh disertakan semasa menyerahkan borang.

Baris jadual dan kotak input adalah seperti berikut:

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

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

Sebarang bantuan amat berguna, terima kasih.

Answer 1

Jika anda ingin menyimpan markup anda, gunakan atribut "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>

(*Medan borang di luar teg <borang>)

Answer 2

Borang tidak dibenarkan sebagai unsur kanak-kanak table、tbody或tr. Percubaan untuk meletakkan borang di lokasi ini akan menyebabkan penyemak imbas mengalihkan borang di belakang jadual (sambil mengekalkan kandungannya - baris jadual, sel jadual, kotak input, dll.).

Anda boleh meletakkan keseluruhan jadual dalam satu bentuk. Anda boleh meletakkan borang di dalam sel jadual. Tetapi anda tidak boleh meletakkan sebahagian daripada jadual di dalam borang.

Gunakan borang di sekeliling seluruh meja. Butang hantar yang diklik kemudiannya boleh digunakan untuk menentukan baris mana yang hendak diproses (untuk meningkatkan kelajuan), atau untuk memproses setiap baris (untuk membenarkan kemas kini kelompok).

HTML 5 diperkenalkan form attribute。这允许你在表格之外为每一行提供一个表单，然后使用其idmengaitkan semua kawalan borang dalam baris tertentu dengan salah satu borang.