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. JavaScript

    レスポンシブでカスタマイズ性に優れたカルーセルを実装できるjQueryプラグイン「slick」

    slickというjQueryプラグインを使えば、レスポンシブでカスタマ…

  2. JavaScript

    画像をボックス単位に分割してスライドさせていくjQueryプラグイン「Maskify Slider」…

    とてもお洒落なjQueryのイメージスライダーがあったのでご紹介します…

  3. Playful Little Tooltip Ideas
  4. anchor.js

    JavaScript

    ページ内リンクをスムーズにスクロール移動できるjQueryプラグイン「anchor.js」

    anchor.jsはページ内リンクをスムーズなスクロールで移動すること…

  5. JavaScript

    レスポンシブなテキストを実装できるjQueryプラグイン「Responsive Text」

    Responsive TextというjQueryプラグインを使えば、と…

  6. Materialize Tags

    JavaScript

    マテリアルデザインのタグ管理を実装できる「Materialize Tags」

    Materialize Tagsは、マテリアルデザインのタグ管理を実装…

最近の記事

  1. スタバ ドリップコーヒー
  2. エチオピア
  3. 紗々 飴色和栗
  4. DCG-CA21
  5. Apple WatchでのMacロック解除を無効

アーカイブ

PAGE TOP