自動補完で大量候補の絞り込みをする

2017年3月2日

前回はドロップリストとラジオボタンについてふれましたが、
100件を超える候補がある場合、どちらを使うべきでしょうか。

100件を超えるドロップリストの候補から、
スクロールして一つの候補を選び出すのも悪夢ですが、
100件分のラジオボタンが画面を埋め尽くすのもまた、悪夢です。

 

最新のHTML(HTML5)からは、データリスト(datalist)という機能が追加されました。
これは、対象となるテキストフォームに一部の文字を入力すれば
データリストのうちから部分一致するものを候補表示できるようにする機能です。

ちょうど、Googleの検索ボックスになにかワードを入力すると
そのワードとともによく検索されるワードの候補が表示される機能がありますが
これを実現するための機能、と理解すればよいと思います。

 

ただし、ひとつ条件があります。

パソコン用のブラウザ、Internet ExplorerやGoogle Chrome、Firefoxなどでは
データリストはサポートされているのですが、
現在普及しているiPhoneではサポートされていないのです。

このため、スマートフォンでもデータリストのようなことを実現したい場合
同様の機能を実現するとうたわれている、
公開プログラムを使うなどする必要があります。

 

お問い合わせ

本記事(自動補完で大量候補の絞り込みをする)にかかわること、 中小企業様さま向けの社内向け業務ウェブシステムにかかわることなど ご相談、ご質問などがありましたら何なりとお問い合わせください。




この記事の著者

イルカシステム(株) イルカシステム株式会社

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

1.中小企業さま向けの社内向け業務ウェブシステム(営業支援、顧客管理、受注管理、請求入金管理、在庫管理、経営数値管理など)

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

※業務ウェブシステムの開発を効率化するための自社サービス「イルカベーカリー」をご提供しております。
※医療業界向けに、臨床研究の無作為割付自動化のための自社サービス「ムジンワリ」をご提供しております。

お問合せはお気軽に、こちらからどうぞ! → イルカシステム株式会社へ問合せ

著者:イルカシステム株式会社

イルカシステムについて

お問い合わせ




会社概要

<p>イルカシステム(株)</p>
<img src="/wp-content/uploads/2017/01/WS000000.png" alt="会社概要 住所" width="243" height="84" class="alignnone size-full wp-image-49" />
<div class="alert alert-warning">
2017/1/1より、住所変更いたしました。
</div>
<p><span class="label label-success">TEL</span> 03-5843-9168</p>

  • 中小企業 41個の記事

    中小企業様にご提案・開発してきた実績をもとに、システム構築について記載した様々な記事一覧です。

  • 社内システム 39個の記事

    様々な社内システムをご提案・開発してきた実績をもとに、システム構築について記載した様々な記事一覧です。

  • わかりやすさ 30個の記事

    情報システムをわかりやすく使いやすいものにするためのノウハウ、気をつけていることの記事一覧です。

  • UI設計 27個の記事

    UI(ユーザーインターフェース)は、システムの使い勝手を左右します。どんな点に気をつけているか、どんな考えでシステム開発しているかの記事一覧です。

  • 顧客管理 26個の記事

    これまで構築した様々なシステムのうち、顧客管理機能をどのような観点でご提案、開発しているかをまとめた記事一覧です。

  • 受注管理 18個の記事

    これまで構築した様々なシステムのうち、受注情報を管理する機能をどのような観点でご提案、開発しているかをまとめた記事一覧です。

  • ビジネス 18個の記事

  • 業務 16個の記事

  • 要件定義 14個の記事

    要件定義とはどのようなシステムを構築するのかを決める作業です。要件定義において注意し、考えていることをまとめた記事一覧です。

  • クラウド 13個の記事

  • 登録画面 13個の記事

  • 編集画面 12個の記事

  • システム会社 12個の記事

  • 情報共有 11個の記事

  • みえる化 11個の記事

    手作業をシステム化して効率化するだけでなく、それらの情報を集約して簡単に見えるようにし、社員が自律的に動ける組織を作ることが「みえる化」です。

  • 一覧画面 11個の記事

  • 業務用ウェブシステム 10個の記事

  • エクセル 9個の記事

  • コミュニケーション 9個の記事

  • セキュリティ 8個の記事