|
2、專門操作
根據(jù)情況選擇合適的界面控件是很重要的。不同情況下可以用不同的方式處理，而且某些控件會比其他控件能夠更好地完成他們的目標工作。
Backpack 里有一個緊湊的日歷和時間選擇器選擇提醒日期。
例如，你可以通過一個下拉列表來選擇年月日，但是和日歷選擇器相比下拉列表不是非常高效的，在日歷里你可以直接通過點擊選擇你想要的某一天。日歷選擇器也會讓你更容易看到日期、周期和月份（特別是工作日和休息日），因此能夠讓你比用簡單的下拉列表更快地做出更明智的選擇。
MyBankTracker的APY計算器功能，通過使用容易控制的滑塊去快速嘗試不同的推測結果。
另一個很好的例子是滑塊。是的，您可以隨時手動輸入一個數(shù)字，但某些情況下，滑塊控件做了更好的工作。不僅由于他們易于使用 —— 只需單擊并拖動——而且你也可以看清楚如何在最小和最大的范圍之間進行合適地選擇。
3、禁用按下按鈕
在web應用程序的表單問題中有一個就是提交過程，非常簡單的表單，如果你快速地點擊兩次或者更多次“提交”按鈕，這個表單會被多次提交。這顯示是個問題，因為它會重復創(chuàng)建相同的項目。防止重復提交的不是很難，而且對于大多數(shù)Web應用程序來說做到這一點是非常必要的。
它有兩層維護：客戶端和服務器端。我們不會通過服務器端維護是因為這將取決于您使用的編程語言和你的后端架構�；旧夏銘撟龅木褪窃谔峤贿^程中添加一個檢測機制，去檢查被提交的內容是否重復，并且是否需要阻止提交。
在 Yammer 上，當你的新消息被提交之后，“更新”按鈕將被禁止。
客戶端則是簡單得多。所有您需要做的就是在點擊之后禁用“提交”按鈕。最簡單的方法就是為“提交”按鈕添加一段JavaScript，如下所示：
<input type="submit" value="Submit" onclick="this.disabled=true" />
當然，我們會建議您同時還對服務器端進行檢查，以確保重復不會獲得通過。
出處：折折熊de交互論
責任編輯：moby
上一頁 10大實用web應用界面技術 [1] 下一頁 10大實用web應用界面技術 [3]
|
第 1 頁 
第 2 頁 10大實用web應用界面技術 [2]
