91精品国产综合久久精品,久久免费视频99,91在线免费公开视频

這些表格可用于創(chuàng)建 HTML 格式的表單并使其結(jié)構(gòu)化。但是，在此之前，讓我們看看如何在 HTML 中創(chuàng)建表單。

用 HTML 創(chuàng)建表單

示例

讓我們看看如何使用

標(biāo)簽創(chuàng)建表單。我們設(shè)置了三種帶有單獨標(biāo)簽的輸入類型收音機 –

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

登錄后復(fù)制

使用 HTML 表格創(chuàng)建表單

現(xiàn)在，讓我們將上面的表單轉(zhuǎn)換為使用 HTML 表格創(chuàng)建的表單。設(shè)置在

標(biāo)記內(nèi) –

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

登錄后復(fù)制

然后是行，其中我們設(shè)置了輸入類型 –

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

登錄后復(fù)制

示例

上述內(nèi)容適用于每種輸入類型，即每個輸入都有一個

。現(xiàn)在讓我們看看完整的示例 –

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

登錄后復(fù)制

以上就是如何使用HTML中的表格來構(gòu)建表單？的詳細內(nèi)容，更多請關(guān)注www.92cms.cn其它相關(guān)文章！

分享到：

標(biāo)簽：html 如何使用構(gòu)建表單表格