複数選択するフォームを考える

公開日:2017/03/07

この記事は、書かれてから 9 年以上経過しており、内容が古い可能性があります。

顧客の好きなものをいくつかの選択肢から複数選んで記録する、といったような場合
どういったフォームを使えるでしょうか。

ウェブシステムでとりうるのは二種類あります。

前回も少し触れましたが、一つは「チェックボックス」です。
そしてもう一つは「セレクトボックス」です。

 

チェックボックスで複数選択する

お客様のすきなラジオ局を選ぶ場合、チェックボックスでは以下のようなフォームになります。

TBSラジオ 文化放送 ニッポン放送

チェックボックスをクリックしてONにすれば「選択」、
再度クリックしてチェックを外せば「未選択」です。

チェックONにしたものが「選択」状態である、というのはすんなりと理解しやすく、
操作も単純なので慣れない方にも優しいフォームです。

 

セレクトリストで複数選択する

あまり見かけないかと思いますが、以下のフォーム(セレクトリストとよびます)
でも、複数選択することができます。

ctrlキーを押しながらマウスでクリックすると1件ずつ選ぶことができます。
shiftキーを押しながら選ぶと、範囲をまるごと選択できます。

TBSラジオ 文化放送 ニッポン放送

...わかりましたでしょうか?

この操作方法はわかりづらく、慣れない方にしてみれば、
このフォームで複数選択することはかなりハードルが高いと思われます。

※なお、スマホではチェックボックス風にみえるので、多少はわかりやすくなっています。

 

どちらを使うか

正直に言いますと、後者のセレクトリストの、チェックボックスに対する優位性が全くわかりません。

弊社でも、セレクトリストを複数選択のために使ったことはありません。

セレクトリストを使うべき場面をご存知の方は、コメントなどでお知らせ下されば幸いです。

このページの著者

イルカシステム(株)は、以下のような業務用ウェブシステムのご提案、受託開発、運用を行っております。

  1. 中小企業さま向けの社内向け営業支援、顧客管理、経営数値管理システム

    経営数値をリアルタイムで見える化し、目標達成度を常に把握することができ、顧客へのフォローもスムースになります

  2. 中小企業さま向けの受発注管理、請求入金管理、在庫管理

    御社特有の受発注業務、出荷処理をシステム化することで業容拡大への大きなお手伝いとなります

  3. 医療業界向けの業務改善システム

    ※医療業界向けに、臨床研究の無作為割付自動化のための自社サービス「 ムジンワリ 」をご提供しております。

  4. IoTシステムの開発

詳しくは ご提供サービス を参照してください。

お読みいただきありがとうございました

情報の保存は自動で行うべきか

情報の状態を指定するのに使うフォームは?

こちらもおすすめ

システム化の相談はしてみたけれど...

「システムがあるのが当然」といった存在になったときに...

外出先で、会社のデスクトップを操作できると便利ですが...

社内クラウドで情報共有するときは

エクセルで業務管理するメリット

業務用ウェブシステムで、できるようになってきた3つのこと

システムの発注は、近所の業者のほうがよいでしょうか

入金管理業務をシステム化するときに必要なこと

セキュリティ認証を取得しても、やるのは人

社内システムとe飛電を連携させる方法