[HTML] 該用Checkbox還是Radio Button?

Checkbox和Radio Button是UI基本的控制項之一。不過什麼時候該用Checkbox,什麼時候又該用Radio Button?
Use It上面有一些Guideline可以參考。

基本的3個Guidelines:

    1. Radio Buttons用於在兩個以上的選項的單選題
    2. CheckBoxs用在有兩個以上選項的選擇題,選擇的數量不限複選題
    3. 只有一個選項需選擇開或關時,使用單獨一個CheckBox就可以了。

其他Guidelines

  1. 使用標準的設計樣式。
  2. 有關的選項應該看起來是個群組。
  3. 選項最好是垂直並列。
  4. 使用正面的語句。
  5. 如果可能的話,使用radio buttons代替下拉選單。
  6. 使用radio buttons時,提供預設值。
  7. 因為radio buttons只能容許一個選擇,因此必須確認選項必須要簡單明瞭。
  8. 讓使用者除了點選圓圈、方框之外,也可以點選文字標籤來做選擇。
  9. 為常用的選項定義熱鍵。
  10. 只用checkboxes和radio buttons來改變設定,不要用它們來當按鈕。

參考自:http://blog.tanjun.info/archives/12#

Advertisements
[HTML] 該用Checkbox還是Radio Button?

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s