這些表格可用于創建 HTML 格式的表單并使其結構化。但是，在此之前，讓我們看看如何在 HTML 中創建表單。
用 HTML 創建表單
示例
讓我們看看如何使用
標簽創建表單。我們設置了三種帶有單獨標簽的輸入類型收音機 –
<!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>
登錄后復制
使用 HTML 表格創建表單
現在，讓我們將上面的表單轉換為使用 HTML 表格創建的表單。 設置在
標記內 –
<table>
<form id="myform">
<!- -
-->
</form>
</table>
登錄后復制
然后是行，其中我們設置了輸入類型 –
<tr>
<td>
<input type="radio" id="prog" name="subject" value="prog">
</td>
</tr>
登錄后復制
示例
上述內容適用于每種輸入類型，即每個輸入都有一個
。現在讓我們看看完整的示例 –
<!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>
登錄后復制
以上就是如何使用HTML中的表格來構建表單？的詳細內容，更多請關注www.92cms.cn其它相關文章！
標簽：html 如何使用 構建 表單 表格
網友整理
注冊時間：
網站：5 個
小程序：0 個
文章：12 篇
-
51998
網站
- 12
小程序
-
1030137
文章
-
747
會員
趕快注冊賬號，推廣您的網站吧！
答題星2018-06-03
您可以通過答題星輕松地創建試卷
