表單元素大全

表單是網頁上「收集使用者輸入」的方式。報名表、搜尋框、購物結帳 — 都是表單。 學會表單元素，你就能理解前端 RD 在做什麼，也能自己做簡單的表單頁面。

• <input> = 輸入框（文字、數字、Email、密碼、日期...）
• <select> = 下拉選單
• <textarea> = 多行文字框
• <button> = 按鈕
• <label> = 標籤（點標籤 = 點輸入框）

基本表單

各種 input type

下拉選單與多行文字

AI 協作：學了這個，跟 AI 怎麼配合？

表單是網頁收集使用者資料的核心。AI 幫你快速建表單，但欄位設計你來決定。

你的人類優勢：

• 你知道表單要收集哪些資料、哪些必填
• 你能選擇最適合的輸入類型（下拉選單 vs 單選按鈕 vs 文字框）

可以這樣跟 AI 說：

幫我做一個客戶意見回饋表單，包含：姓名（必填）、Email（必填）、意見類型（下拉選單：建議/問題/讚美）、詳細內容（多行文字框）。

練習題