JavaScript

カスタマイズ性に優れたタグ入力ができるJSライブラリ・insignia

insigniaはカスタマイズ性に優れたタグ入力を実装することができるJSライブラリです。フォームにキーワードを入力することで簡単にタグ化することができます。設定でタグ区切りを指定したりすることも可能です。

insignia

以下はinsigniaのデモになります。実際のタグ入力を試してみたいという方は是非チェックしてみてください。

insignia

デモ

複数のタグを区切り記号を用いて追加させたい場合は、以下のようにdelimiterにタグを区切るための記号を設定します。

insignia(input, {
    delimiter: ','
});

上記は「,」を入れることで複数タグを入力していくことが可能になります。

他にもdeletionの値をtrueにすることで、タグを削減することができるようになります。この場合はタグの横にバツ印が表示されるようになるので、これをクリックすることで入力したタグを削減することができます。

こんな感じでいろいろとカスタマイズがしやすいタグ入力のフォームを実装することができるので、覚えておいて損はなさそうですね。

insignia

マルチレベルで操作性に優れたレスポンシブ対応のjQueryナビゲーション前のページ

Macの「command + z」で消えたものを元に戻すショートカットキーのやり方次のページcommand + Zを戻す

関連記事

  1. scrollUp

    JavaScript

    スクロールしていくと先頭に戻るボタンを表示してくれるjQueryプラグイン「scrollUp」

    下へスクロールしていくと、先頭に戻るボタンを表示してくれるjQuery…

  2. JavaScript

    レスポンシブ対応のカッコイイLightbox風jQueryプラグイン「Lightcase」

    Lightcaseはフレキシブルでレスポンシブに対応したLightbo…

  3. notie.js

    JavaScript

    クリーンでシンプルな通知を表示できる「notie.js」

    notie.jsはクリーンでシンプルな通知を表示できるJSプラグインで…

  4. Nex

    JavaScript

    ダイナミックで美しいフルスクリーンのjQueryスライダーを実装できる「Nex」

    Nexはダイナミックで様々なアニメーションエフェクトが用意されたフルス…

  5. jCorner

    JavaScript

    フラットデザインに合う紙をめくったエフェクトを実装できるjQueryプラグイン「jCorner」

    jCornerというjQueryプラグインを使ってみました。フラットデ…

  6. Text Effects

    JavaScript

    テキストがカシャカシャ切り替わって表示するjQueryプラグイン「Text Effects」

    Text EffectsというjQueryプラグインを使えば、テキスト…

最近の記事

  1. 田沢湖
  2. ゴムの耳栓
  3. ライオンコーヒー(バニラマカダミア)
PAGE TOP