使用 JavaScript 傳送表單 - Web 開發學習 | MDN

表單表單的彈性化令其成為 HTML 最複雜的結構之一。 你能使用專用的表單元素和屬性，來構建任何類型的基本表單。 使用正確的 HTML 表單結構能讓確保表單可用、且 無障礙。

當用戶提交 HTML 表單時，例如透過點選 提交按鈕，瀏覽器會向指定的 HTTP 請求傳送表單中的資料。 但與這種宣告式的方法不同，Web 應用有時會使用 JavaScript API，如 fetch()，以程式設計方式將資料傳送到期望表單提交的端點。

因此，當這些 Web 應用程式想要提交表單資料時，它們只使用 HTML 表單來收集使用者的輸入，而不是用於資料提交。 當用戶嘗試傳送資料時，應用程式會接管並使用 JavaScript API（例如 fetch ()）來發送資料。

示例 帶有兩個提交按鈕的表單。 第一個以預設編碼傳送表單資料，第二個以 "multipart/form-data" 編碼傳送表單資料

我們有完整的 「學習表單」 課程。 我們不會在這裡重複該部分的內容，但會介紹幾個表單控制項，以及相關的 HTML 屬性。 您可以透過表單讓使用者與網站或應用程式互動、驗證輸入的資訊，並將資料提交至伺服器。

HTML 表單 (form) 是用來讓使用者輸入資料，這些資料可以用來和使用者互動，例如表單內容填完後可以傳回遠端伺服器 (web server)，像常見的連絡表單。

利用 HTML 表單傳送訊息有兩種方式：POST 與 GET。 其中 POST 可以傳送大量資料， GET 僅能傳送 255 位元組資料，為了方便教學僅採用 POST 方式介紹。