JavaScript

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

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

insignia

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

insignia

デモ

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

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

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

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

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

insignia

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

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

関連記事

  1. Excolo Slider

    JavaScript

    タッチにも対応しているシンプルなjQueryスライダー「Excolo Slider」

    タッチやマウススライドにも対応しているシンプルなjQueryスライダー…

  2. Line Maker

    JavaScript

    アニメーションするラインを実装できる「Line Maker」

    Line Makerは、いろんなアニメーションをするラインを実装するこ…

  3. no-image

    JavaScript

    豊富なオプションでカスタマイズ性も高いjQueryスライダー「startVal」

    startValは豊富なオプションやAPIを有したカスタマイズ性の高い…

  4. Kontext

    JavaScript

    iOSの画面切り替えのようなスライドができるJavaScript「Kontext」

    KontextというJavaScriptを使えばiOSの画面切り替えの…

  5. JavaScript

    シンプルで使いやすいベーシックなスライドショーを実装できるjQueryプラグイン「Basic jQu…

    jQueryスライダーのネタが多いですが、今日もまたスライダーのプラグ…

  6. JavaScript

    シンプルな構成で簡単に実装することができるツールチップ「jQuery PowerTip」

    とてもシンプルな構成で簡単に実装することができるjQueryプラグイン…

最近の記事

  1. OWL-LPB6701LA
  2. cheero Power Mountain mini 30000mAh CHE-110
  3. 帆布カメラインナーケース B-2タイプ

アーカイブ

PAGE TOP