資料結構
網路
關係型資料庫管理系統
作業系統
Java
Microsoft Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
JavaScript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會學
時裝學
法律研究如何使用 HTML 表單建立表單？
我們可以輕鬆地用 HTML 中的表格來建立表單。但在此之前，讓我們看看如何在 HTML 中建立表單。
在 HTML 中建立表單
示例
我們首先將看到如何僅使用 <form> 標記在 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 表格建立的表單 -
<!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>
</body>
</html>
輸出
更新日期：2022 年 12 月 6 日
超過 9 千次瀏覽
廣告