DA2× Web Dev Glossary
第 4 類
表單元件
表單接受使用者輸入資料的互動元件
輸入框
Input Field
單行文字輸入，有焦點、錯誤、停用三種狀態
0 / 200 字
多行輸入
Textarea
多行文字輸入，通常有字元計數與高度限制
下拉選擇
Select
從固定選項清單選擇一項，需 accessible label
推廣 ×夏季活動 ×社群 ×
推廣活動
品牌宣傳
標籤輸入
Tag Input
輸入後按 Enter 產生 chip，支援自動補全與即時建立新標籤
✓
Email 通知✓
Webhook 推送簡訊通知
LINE 通知（未開放）
核取方塊
Checkbox
可多選的布林選項，有選中、未選中、停用三種狀態
推廣任務連結
個人短網址
API 建立
單選按鈕
Radio Button
互斥的單選選項組，同組只能選一個
爬蟲直連
自動偵測 FB/LINE 爬蟲直接轉址
Beta 功能
目前已關閉
Email 通知
超過閾值時發送
切換開關
Toggle / Switch
開 / 關狀態切換，比 Checkbox 更直覺，常用於設定頁
滑桿
Slider
拖曳選取數值範圍，通常搭配數字輸入框精確調整
2026-06-01
至
2026-09-01
✓ 有效期間 92 天
日期選擇器
Date Picker
日曆介面選擇日期，常見單選與區間（Range）兩種模式
王
王小明
@wangxm
王
王小花
@wangxh
自動完成
Autocomplete
輸入時即時顯示候選建議，支援鍵盤上下鍵選擇
點擊或拖曳上傳檔案
支援 PNG、JPG、PDF、CSV，最大 10MB
report.csv (2.3MB)
檔案上傳
File Upload
支援點擊或拖曳，可顯示已上傳檔案預覽
選擇主題色彩
選中顏色
#10b981
顏色選擇器
Color Picker
提供色板快選或 HEX/RGB 精確輸入