no-image

JavaScript

使いやすいタグ入力機能を実装できる「jQuery Tags Input Revisited Plugin」

jQuery Tags Input Revisited Pluginは、シンプルで使いやすいタグ入力機能を実装できるjQueryプラグインです。レスポンシブにも対応できるのでモバイルからでも快適にタグ入力できるのが便利ですね。

jQuery Tags Input Revisited Plugin

デモ

デモページには機能別に用意されたサンプルがいくつか用意されています。シンプルなタグ入力、バリデーション、オートコンプリートなど、タグを入力するうえであると役立つ機能がいろいろ用意されています。

ボックス内にキーワードを入力して簡単にタグを登録できるのでとて便利なほか、各タグの横にはバツ印が付いていて、ここをクリックすることで個別に削減することも可能です。

また、デモはレスポンシブにも対応しています。画面の横幅を縮小・拡大することでそれに合わせて可変するので、パソコンからはもちろんモバイルからの閲覧・操作もしやすいです。

オプションも豊富で、interactiove、placeholder、minChars、maxChars、limit、validationPattern、width、height、autocomplete、hide、delimiter、unique、removeWithBackspace、onAddTag、onRemoveTag、onChangeという項目のセッティングが可能になっています。

jQuery Tags Input Revisited Plugin

no-image画像の遅延読み込みを実装できる軽量ライブラリ「Lazyestload.js」前のページ

スクロール時に要素を固定できるjQueryプラグイン「ScrollFix」次のページno-image

関連記事

  1. Pushbar.js

    JavaScript

    スライドでコンテンツを引き出せる「Pushbar.js」

    Pushbar.jsはスライドでコンテンツやナビゲーションメニューを引…

  2. jQuery.fontFlex
  3. Squishy

    JavaScript

    テキストをコンテナに合わせて自動でサイズ変更してくれるjQueryプラグイン「Squishy」

    SquishyというjQueryプラグインを使えばテキストをコンテナに…

  4. JavaScript

    画像の一部をカッコよく拡大したりできるjQueryプラグイン「Loupe」

    こうゆうプラグインは初めて使ってみたんですが、とても面白いですね。Lo…

  5. Zoomify

    JavaScript

    画像ズーム効果によるシンプルなライトボックスを実装できる「Zoomify」

    Zoomifyは、画像のズーム効果を備えたシンプルなライトボックスのた…

  6. Art Text Light jQuery plugin

    JavaScript

    テキストに光が移動するエフェクトを与えることができる「Art Text Light jQuery p…

    指定したテキストに光が移動するエフェクトを与えることができるjQuer…

最近の記事

  1. SRS-XB43
  2. Nu:kin
  3. フィールグッドシャワー

アーカイブ

PAGE TOP