
356
|
第八章
模式
如果各位已看完前面數頁關於控制元件的表格,大概也猜到了 — 本章的模式大多
和控制元件有關 — 特別是如何讓控制元件(與文字)相結合,以產生更容易使用
的控制元件。某些模式定義元素之間的結構關係,像是
下拉式選擇器
以及
填空式設
計
。另一些模式,像是
良好的預設值
以及
自動完成
,則討論控制元件的值,以及這
些值如何改變。
這裡有許多模式用來處理文字欄位,包括:
寬容格式
、
結構化格式
、
填空式設計
、
輸入線索
、
輸入提示
、
密碼強度測量計
、
自動完成
。這應該不讓人感到驚訝。文字欄
位相當常見,但是卻無法讓使用者知道該輸入什麼。當環境背景可以清楚說明文字
欄位的用途清楚時,文字欄位最容易使用。下列模式讓你有許多方法可以建立這樣
的環境背景:
1. 寬容格式(Forgiving Format)
2. 結構化格式(Structured Format)
3. 填空式設計(Fill-in-the-Blanks)
4. 輸入線索(Input Hints)
5. 輸入提示(Input Prompt)
6. 密碼強度測量計(Password Strength Meter)
7. 自動完成(Autocompletion)
接下來的兩個模式用來處理文字欄位以外的控制元件。
下拉式選擇器
描述一種建立
客製化控制元件的方法;在前一節的控制元件表格中提到的
清單建構器
則描述常見
的控制元件組合方式,讓使用者建立一個項目清單。
8. 下拉式選擇器(Dropdown Chooser)
9. 清單建構器(Lis