表單結構

Legend|群組標題

替 Fieldset 說明這一組選項共同在決定什麼,不能只當成視覺小標。

常見俗稱:群組標題、選項群組標題、Legend、欄位群組名稱

60 秒決策

先確認使用者要完成的事。

適合使用

  • Fieldset 內的選項需要共同題目、規則或必填提示。
  • 看到任一選項時仍要知道它正在回答什麼。

不適合使用

  • 只寫「選項」或「設定」這類沒有任務意義的群組名稱。
  • 把 Legend 當作 Fieldset 外的純視覺標題。

畫面要說清楚的事

不要只交代外觀,也要交代資料與輸入規則。

像一句問題

「你想收到哪些通知?」比「通知」更能說明群組任務。

共同規則放這裡

若整組必填,或只能選一項,規則要在 Legend 或緊鄰說明中可見。

不要與每項 Label 重複

Legend 說群組;每個 Checkbox 或 Radio 仍保留自己的 Label。

必要狀態與回應

每個狀態都要讓使用者知道下一步。

正常

使用者讀到選項前先知道這一組在問什麼。

必填

群組規則清楚放在 Legend 或相連說明。

群組錯誤

錯誤訊息引用 Legend,使用者知道回到哪一組修正。

操作 Demo

先知道要觀察什麼,再動手操作。

操作前先知道

  1. 通知管道 Legend

    先觀察:群組標題是否能說明三個 Checkbox 共同在設定什麼。

    操作:閱讀 Legend 後,再瀏覽各個選項。

    預期結果:群組任務與單一選項名稱都清楚,不會互相取代。

可操作 Demo

群組標題說明共同問題

你想收到哪些通知? 必填

這個標題說明整組選項在回答什麼;每一項仍有自己的名稱。

請至少選擇一個通知項目。

告訴 AI

把任務、規則、狀態與操作條件一次寫清楚。

為通知設定的 Fieldset 加上 Legend「通知管道」。Legend 要說明整組選項的共同問題;若整組必填,必填規則要出現在 Legend 中。不要把群組標題放在 fieldset 外,讓選項失去共同脈絡。

驗收清單

不要只確認欄位能不能點。

  • Legend 是否說出群組任務?
  • 是否在 Fieldset 內而不是外面?
  • 群組必填是否在這裡說明?
  • 每個選項是否仍有自己的 Label?