HTML 表單（Form）是網頁上收集用戶輸入資料的方式，常用於登入、註冊、搜尋等功能。表單由 <form> 元素包裹，內含輸入欄位（如文字框、按鈕等），並透過不同的 method（GET或 POST）將資料送往伺服器。
<input>：各類型輸入欄位（例如：文字、密碼、電子郵件）。<label>：為輸入欄位提供標籤，讓表單更易於理解。<button>：提交按鈕，用來傳送表單資料。<select>：下拉式選單。<textarea>：多行文本輸入框。<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>簡單表單範例</title>
</head>
<body>
<h1>聯絡我們</h1>
<form action="/submit_form" method="POST">
<label for="name">姓名：</label>
<input type="text" id="name" name="name" required><br><br>
<label for="email">電子郵件：</label>
<input type="email" id="email" name="email" required><br><br>
<label for="message">訊息：</label><br>
<textarea id="message" name="message" rows="4" cols="50"></textarea><br><br>
<button type="submit">送出</button>
</form>
</body>
</html>
-<form> 中的action="/submit_form" 指的是表單提交的伺服器端處理頁面。
-method="POST"用於傳送敏感資料（如密碼、訊息）。
-<input>的 required 屬性確保必填欄位不會留空。
-<textarea> 是用於輸入多行文本的框。
iThome鐵人賽
看影片追技術