質問: (javascriptを使用せずに)選択可能なオプションを大量に提供する最良の方法は? 私はstackoverflowの出身で、これに対する答えはないので、ui担当者にサポートを依頼します。ユーザー(司書)がデータベースに本を追加できるライブラリアプリケーションがあるとします。機能の1つは、特定の本に著者をタグ付けすることです。書籍には複数の著者がいる可能性があるため、複数のタグを許可するuiが必要です。基本的な機能サイトからjs/css拡張バージョンまで、プログレッシブ拡張アプローチにしたがっています。私はすでに少なくとも450人の著者のデータベースを持っています。拡張バージョンでは、オートコンプリートおよび編集可能な選択が私の武器にあり、効果的であることが証明されています。問題は、基本的なバージョン、特にモバイルデバイスや機能のないブラウザ(opera miniのような?)など)にあります。プログラマーの視点から、複数選択<select>ボックスはすべきです。しかし、uxの本を3冊以上読んで、複数選択<select>は、選択が複数有効であることを(明示的に言及されていない限り)指示がないため、「ノーゴー」です。また、長押しする必要があるため、身体に障害のある人には不向き command (mac)または ctrl (pc)複数選択に。モバイルブラウザにもこれらのキーはありません。これに追加するには、1つのボックスに450以上の選択肢がありますか?要約すれば: 選択できる450以上のアイテム 複数のアイテムを選択する プログレッシブエンハンスメントアプローチ これは基本ビュー用です(javascriptなし、css限定) 主に非近代的で機能が限定されたブラウジングデバイス(opera javascript機能を持たないミニおよびモバイルブラウザなど)を対象としています) この状況に対処する最良の方法は何ですか?彼らはどのようにしてweb 2.0より前にこれを実現しましたか?
回答: ios mailアプリで得られるようなものを試してみませんか。 単純なテキスト入力フィールド 自動候補のドロップダウン(google検索と同様) 単一のアイテム(ケースではauthorなど)を追加したら、 + 入力フィールドの最後にあるボタン(以前に入力したアイテムは1つずつ削除できます。) このソリューションは、スマートフォンやデスクトップでも簡単に使用できます。 100以上の要素については、ある種の「検索」ソリューションを使用する必要があると思います。