參考網址

https://www.w3schools.com/html/html_forms.asp

查詢表單元素

https://www.w3schools.com/html/html_form_elements.asp

表單是用來收集用戶輸入並將數據發送到伺服器進行處理的主要方法。

<form> 元素的基本結構

<form action="submission_url" method="post">
    <!-- 表單內容，例如輸入欄、按鈕等 -->
</form>

<form> 元素的常用屬性

屬性 說明
action 指定表單數據提交到的 URL。
method 定義提交表單數據的 HTTP 方法，通常是 get 或 post。
name 表單的名稱，可用於 JavaScript 引用。
enctype 指定在表單提交時的編碼類型，常用於文件上傳。
target 指定表單提交後打開的窗口或框架，例如 _blank 開新窗口。

表單中的常用元素

元素 說明
<input> 用於接收各種用戶輸入，如文字、密碼、選項等。
<textarea> 多行文字輸入框。
<button> 按鈕，可以用於提交表單或執行 JavaScript 操作。
<select> 下拉選單，用於讓用戶從選項中選擇。
<label> 為輸入元素定義標籤，點擊標籤時可聚焦到對應的輸入元素。

範例表單

<form action="/submit-form" method="post">
    <label for="name">姓名：</label>
    <input type="text" id="name" name="user_name"><br><br>

    <label for="email">電子郵件：</label>
    <input type="email" id="email" name="user_email"><br><br>

    <label for="message">訊息：</label><br>
    <textarea id="message" name="user_message" rows="4" cols="50"></textarea><br><br>

    <button type="submit">提交</button>
</form>

在這個範例中：