ITエンジニア/デザイナ向けにオープンソースを毎日紹介

WebのフォームはHTML5でリッチになっていますが、それでもまだまだ標準では使い勝手がよくありません。とは言え、それを改善するためのライブラリも出てきていますので、積極的に取り入れていきましょう。

今回紹介するのはmulti.js、複数選択できるselectタグを格好良くしてくれるライブラリです。

multi.jsの使い方

multi.jsを使っていない場合はこうなります。正直選びづらいし、キーボードを組み合わせるのは面倒です。

それがこうなります。

絞り込みできます。選択すると右側のリストに追加されます。

すでに選ばれているものは色が薄くなります。

multi.jsを使うと複数選択するドロップダウンが一気に便利になります。大きさも変わるので、それに合わせてデザインを考える必要がありますが、ぴったりと当てはまるケースもありそうです。

multi.jsはJavaScript製のオープンソース・ソフトウェア(MIT License)です。

Demo – multi.js

Fabianlindfors/multi.js: A user-friendly replacement for select boxes with multiple attribute enabled

 

MOONGIFTの関連記事

コメント

  • MOONGIFTプレミアム
  • Mobile Touch