多步驟表單 Multi-step Form

你可能會這樣說

一次要填三十個欄位太嚇人，於是切成三頁：基本資料、配送、付款，每頁都有上一步和下一步。

多步驟表單是把一大張表單拆成好幾頁、依序填寫的形式，每頁只問幾個問題，靠「上一步、下一步」前進後退。

它的好處是壓力小、填錯率低；但務必加上進度條或步驟條，不然填到一半會不知道還剩多少。

請 AI 做時說清楚分幾步、每步放哪些欄位、什麼時候檢查，通常是每步都檢查、最後一步才送出。

這一步只問商品。
☑ 山系濾掛咖啡 10 入 × 1
☑ 手沖壺 300ml × 1

按「下一步」會先檢查這頁，過了才放你往前。

這一步只問收件資訊。
姓名：＿＿＿＿　電話：＿＿＿＿
地址：＿＿＿＿＿＿＿＿＿＿

可以回上一步改商品，已填的資料不會不見。

最後一步才總檢查。
商品、金額、收件人一次看完，按下去才真正送出。

頂部要配步驟條，讓人知道還剩幾關。

三十個欄位拆成三頁，壓力立刻變小——每一步只問一件事。

圖 2-22　長表單拆頁填：一步一件事，還看得到進度。

中文就可以

把落落長的訂購表單拆成三步：選商品、填資料、確認送出。
每步底部放上一步、下一步按鈕，第一步不出現上一步。
頂部顯示步驟進度，完成的打勾、目前的亮色。
按下一步時先檢查該頁欄位，全對才換頁。