insigniaはカスタマイズ性に優れたタグ入力を実装することができるJSライブラリです。フォームにキーワードを入力することで簡単にタグ化することができます。設定でタグ区切りを指定したりすることも可能です。
insignia
以下はinsigniaのデモになります。実際のタグ入力を試してみたいという方は是非チェックしてみてください。
複数のタグを区切り記号を用いて追加させたい場合は、以下のようにdelimiterにタグを区切るための記号を設定します。
insignia(input, {
delimiter: ','
});
上記は「,」を入れることで複数タグを入力していくことが可能になります。
他にもdeletionの値をtrueにすることで、タグを削減することができるようになります。この場合はタグの横にバツ印が表示されるようになるので、これをクリックすることで入力したタグを削減することができます。
こんな感じでいろいろとカスタマイズがしやすいタグ入力のフォームを実装することができるので、覚えておいて損はなさそうですね。
ライセンスはMITになっています。ダウンロードやinsigniaの詳しい使い方に関しては以下からどうぞ。
