Bagaimana untuk membina borang menggunakan jadual dalam HTML?-html tutorial-php.cn

Bagaimana untuk membina borang menggunakan jadual dalam HTML?

Jadual ini boleh digunakan untuk mencipta dan menstrukturkan borang dalam format HTML. Tetapi, sebelum itu, mari kita lihat cara membuat borang dalam HTML.

Buat borang dengan HTML

Contoh

Mari kita lihat cara membuat borang menggunakan teg

. Kami menyediakan tiga radio jenis input dengan label berasingan -

<!DOCTYPE html>
<html>
<head>
   <title>HTML Form</title>
</head>
<body>
   <h1>Details</h1>
   <form id="myform">
      <p>Select the subject you want to choose:</p>
      <div>
         <input type="radio" id="prog" name="subject" value="prog">
         <label for="prog">Programming</label>
         <input type="radio" id="dev" name="subject" value="dev">
         <label for="dev">Web Development</label>
         <input type="radio" id="db" name="subject" value="db">
         <label for="db">Database</label>
         </div><br/>
         <div>
         <button id="submit" type="submit">Submit</button>
      </div>
   </form>
</body>
</html>

Salin selepas log masuk

Buat borang menggunakan jadual HTML

Sekarang, mari tukar borang di atas kepada borang yang dibuat menggunakan jadual HTML. ditetapkan dalam tag

<table>
   <form id="myform">
      <!- -
      -->
   </form>
</table>

Salin selepas log masuk

Kemudian datang baris di mana kita menetapkan jenis input -

<tr>
   <td>
      <input type="radio" id="prog" name="subject" value="prog">
   </td>
</tr>

Salin selepas log masuk

Contoh

Perkara di atas digunakan untuk setiap jenis input, iaitu terdapat satu

untuk setiap input. Sekarang mari kita lihat contoh penuh -

<!DOCTYPE html>
<html>
<head>
   <title>HTML Form</title>
</head>
<body>
   <h1>Details</h1>
   <p>Select the subject you want to choose:</p>
   <table>
      <form id="myform">
         <tr>
            <td>
            <input type="radio" id="prog" name="subject" value="prog">
            </td>
            <td>
            <label for="prog">Programming</label>
            </td>
         </tr>
         <tr>
            <td> <input type="radio" id="dev" name="subject" value="dev"></td>
            <td> <label for="dev">Web Development</label>
            </td>
         </tr>
         <tr>
            <td><input type="radio" id="db" name="subject" value="db"></td>
            <td> <label for="db">Database</label>
            </td>
         </tr>
         <tr>
            <td><button id="submit" type="submit">Submit</button></td>
         </tr>
      </form>
   </table>
</body>
</html>

Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimana untuk membina borang menggunakan jadual dalam HTML?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：

bentuk binaan meja

sumber：tutorialspoint.com

Artikel sebelumnya：Bagaimana untuk menyemak sama ada nilai adalah integer selamat dalam JavaScript? Artikel seterusnya：Bagaimana untuk mencipta kesan lipatan imej menggunakan HTML dan CSS?

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang