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

関連記事

  1. Sticky Slider Navigation(Responsive)
  2. slideSpeed

    JavaScript

    スライドアップ・ダウンを設定された速度で制御できる「slideSpeed」

    slideSpeedは、特定の要素のスライドアップ・スライドダウンを設…

  3. Babylon Grid
  4. DropDownMenu

    JavaScript

    レスポンシブ対応で多階層なドロップダウンメニューを実装できる「DropDownMenu」

    DropDownMenuは、レスポンシブに対応した多階層なドロップダウ…

  5. Timeline

    JavaScript

    水平・垂直に対応したVanilla JSによるタイムライン実装「Timeline」

    Timelineは水平・垂直に対応したVanilla JSを使ったタイ…

  6. S-Pagination

    JavaScript

    スライダー付きのページネーションを実装できる「S-Pagination」

    S-Paginationはスライダー付きのページネーションを実装できる…

最近の記事

  1. レンズペン3 ミニプロとレンズペン ELITE マイクロプロ
  2. カメラマングローブ Grip Hot Shot III
  3. 包(つつむ)巾着ポーチ
  4. KMC-80BK

Instagram始めました

Facebookページ

PAGE TOP