WebのフォームはHTML5でリッチになっていますが、それでもまだまだ標準では使い勝手がよくありません。とは言え、それを改善するためのライブラリも出てきていますので、積極的に取り入れていきましょう。
今回紹介するのはmulti.js、複数選択できるselectタグを格好良くしてくれるライブラリです。
multi.jsの使い方
multi.jsを使っていない場合はこうなります。正直選びづらいし、キーボードを組み合わせるのは面倒です。
それがこうなります。
絞り込みできます。選択すると右側のリストに追加されます。
すでに選ばれているものは色が薄くなります。
multi.jsを使うと複数選択するドロップダウンが一気に便利になります。大きさも変わるので、それに合わせてデザインを考える必要がありますが、ぴったりと当てはまるケースもありそうです。
multi.jsはJavaScript製のオープンソース・ソフトウェア(MIT License)です。
MOONGIFTの関連記事
コメント