一個好的表單或資料輸入畫面，應該提供填表者方便快速的輸入體驗，例如：填寫日期時直接帶出今天日期、使用下拉選單來選取選項...等，減少手動輸入的麻煩。同時，也需要提供一些檢查機制來提升資料的正確性，例如：檢查電話、Email格式是否正確。針對以上需求，我們可以簡單歸納出設計欄位時，應該考慮以下事項：

1. 設定最適合的輸入方式，讓填表者方便填寫 → 選擇適合的「控制項 (Control)」
2. 有需要時，自動先帶入填表人常填的內容→ 設定初值 (可為靜態或動態的值)
3. 引導填寫正確格式，讓存到資料庫的資料格式整齊乾淨，同時也可幫助資料分析者、資料使用者更容易整理資料 → 表單送出前，利用「輸入檢查」檢查欄位填寫格式→ 顯示「提示文字」，或在輸入框內顯示「浮水印文字」

以上細節在Smart平台可以利用欄位的「基本屬性」及「擴充屬性」來達成，接下來就會為大家介紹欄位的基本屬性、欄位的擴充屬性，及五大常見應用：

1. 確保填寫格式正確 (身分證、E-mail、市話、手機號碼、密碼)
2. 選單 (下拉選單、Foreign Key選單)
3. 問卷選項
4. 訂單單號、品項序號 (自動編號)
5. 指定特定日期、日期範圍

在Smart平台的Form與Input頁面，每個欄位皆會有基本屬性，其內容包含：顯示標題、型別、字元長度、控制項類別、必須輸入…等，如下圖1。

其中，控制項類別的設定就能做到前面所提到的第一點：設定最適合的輸入方式。將「控制項類別」下拉後，可以看到多種欄位輸入方式，包含：文字輸入框(TextBox)、下拉選單(ComboBox)、核取方塊(CheckBox)、選項按鈕(RadioButton)、上傳按鈕(FileUploader)…等，甚至可以叫出簽名板(SignaturePad)，讓填表人進行電子簽名。下圖展示不同的控制項類別：

與基本屬性相對的就是擴充屬性，可以選擇性地加到欄位上，像是在給欄位穿裝備。先前提到的輸入檢查、下拉選單內容、提示文字、初值都是在這裡新增。

如何新增擴充屬性？

剛才展示擴充屬性一覽時，應該有注意到有多個屬性重複出現在不同大類底下，分別為：Action Flow、Script、SQL Command、Stored Procedure、REST Service。這些屬性讓設計者對於欄位有更靈活的控制力，例如：使用Action Flow或Script先進行一些條件判斷，再依據不同情況決定欄位應顯示什麼「初值」，利用SQL Command、Stored Procedure來產生下拉選單的「清單」內容。擴充屬性的進階功能將於下一篇進行介紹。

了解Smart平台的欄位屬性後，一定要來看一下如何應用在實際情境中，以下提供五個超實用情境供參考。

身分證、E-mail、市話、手機號碼、密碼…等欄位都會希望填表人填寫正確的格式，以下提供兩種方法來達成 (參考圖8)。

第一，可以運用「輸入檢查」底下的屬性來檢查填表人所填的資料是否符合格式，提供的多種常用欄位格式，包含：身分證、E-mail、市內電話、手機號碼、密碼，也可以自行寫SQL指令、Script來檢查，非常彈性 (如圖9)。

第二，文字敘述也可幫助填表人更順利填寫，可以在輸入框內加上浮水印文字，或是在欄位標題右側加上「i」資訊圖示，滑鼠移過去即可查看提示內容 (如圖9)。

【設定內容】

• 控制項類別：TextBox
• 擴充屬性：輸入檢查、提示、浮水印

選單也是極為常用的資料輸入方式，因此Smart平台提供非常多元的清單產生方式，可以根據方便性，或是資料的特性來選擇要用哪種清單，以下簡單介紹清單種類：

• 自訂清單：由表單設計者手動輸入清單選項，僅限於該表單使用。
• 系統列舉清單：若是公司常用的幾個清單，通常建議將這些清單建在Smart平台系統的「列舉清單」中，建在這裡的選單可以在多處重複使用，當有欄位需要使用此清單時，只要選「系統列舉清單」就可以將常用的清單帶出來。
• Foreign Key：帶出資料庫的某資料表作為清單，不只可以帶出一欄選項當作清單，還可以新增其他參考欄位輔助填表人，若清單選項太多也可以使用查詢的方式找到該筆選項。舉例來說，輸入客戶編號時，輸入者不太可能記得所有的編號，因此可以在編號欄位旁再加上公司名稱等欄位，輔助輸入者選到他要選的客戶編號。

• 國家清單：包含世界各個國家的清單。
• 使用者清單：Smart平台上的使用者清單。
• 其他清單產生方式：SQL Command、Stored Procedure、Action Flow、Script、REST Service。

另外，在Smart平台也可以做到多個互相關聯的欄位，例如：城市選單與門市選單必須有大小類關係，選了北市之後，門市選單不能出現其他城市中的門市選項，此設定將在下一篇作詳細介紹。

製作問卷建議使用Form頁面較方便省力，除了不需事先建立資料庫以外，更有現成的、已經加好擴充屬性的元件可以直接拖拉至畫面上。問卷中最常見的是非題、單選/多選題，可使用RadioButton(選項按鈕)或CheckBox(核取方塊)元件。

• 控制項類別：RadioButton、CheckBox
• 基本屬性：必須輸入
• 擴充屬性：自訂清單 或 系統列舉清單

Smart平台也有提供自動編列號碼的功能，編號規則可自行於系統管理設定，常用於產品訂單或申請單中，例如：每張產品訂單皆需產生一組單號，方便查詢與追蹤，可使用「自動編號」擴充屬性達成；而每張訂單底下會列有此訂單所購買的多個品項，可使用「序號」擴充屬性從1開始編號。另外，由於此欄位的值已自動編好，為了防止填單人修改，可將欄位設定為「唯讀」。

【設定內容】

• 控制項類別：TextBox
• 擴充屬性：自動編號、序號、唯讀

欄位的資料型別若是DATE(日期)或DATETIME(日期+時間)，都預設有萬年曆選單。而若需要表單上的日期欄位預設填好特定的日期，可使用「初值」大類中的「今天」及「今天(+-)幾日」擴充屬性。另外，常常在選擇日期時，都需要讓填表人選擇一個範圍，此時，可以使用「輸入輔助」大類中的「日期選擇範圍」，讓填表人在萬年曆中選擇開始與結束日期，選好後，值會直接帶入兩個日期欄位中，如圖16。

【設定內容】

• 控制項類別：TextBox
• 擴充屬性：今天、今天(+-)幾日

【設定內容】

• 控制項類別：TextBox
• 擴充屬性：日期選擇範圍

還沒有接收到聯銓最新消息？點選「註冊」加入會員，最新消息第一時間寄信通知您！