HTML 網頁程式設計入門 #4【表格與表單的設計及 CSS 基礎】

每次建立 HTML 表單時，都必須使用 form 元素；並將所有內容嵌進去。 大多數的輔助技術與瀏覽器套件，都能抓到 <form> 元素，並實做特殊的 hook，使其更易於使用。

學習如何創建和使用 HTML 表單，可以幫助你更好地構建用戶與網站之間的互動。 在這篇文章中，我們將介紹 HTML 表單的基本結構和常見的表單元素，幫助你掌握如何創建簡單的表單。

> 是 HTML 表單元件裡最重要也最特別的元素，主要的作用為「與使用者互動，讓使用者輸入資料」，而輸入的方式又可分為直接打字輸入、點擊輸入或是下拉選單選擇...等， 可以根據類型 type 屬性的設定，轉換成不同的輸入型態 ( 例如輸入框、下拉選單、日期選單、按鈕...等 )。 例如下方的 HTML 開啟後，在網頁中裡會放入兩個 ，其中一個是文字輸入欄位，另外一個則是密碼輸入欄位。 在「steam.oxxostudio.tw」查看更多資訊 的 text 和 password 是最常見的兩種類型

The <form> 元素是一個包含不同型別輸入元素的容器，例如：文字欄位、複選框、單選按鈕、提交按鈕等。 本章涵蓋了所有不同的表單元素： HTML 表單元素。

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

HTML 表單用於蒐集不同類型的用戶輸入。 HTML5 Input，擁有多個新的表單輸入類型，提供了更好的輸入控制和驗證。

表單元素是允許用戶在表單中輸入內容,比如：文本域 (textarea)、下拉列表、單選框 (radio-buttons)、複選框 (checkboxes)等等。 表單使用表單標籤 <form> 來設置: