Skip to content

フォームウィジェット

入力

入力ウィジェット作成用ライブラリ

  • typeahead.js - 高速で多機能なオートコンプリートライブラリ
  • tag-it - 複数タグ管理と提案機能を実装するjQuery UIプラグイン
  • At.js - GitHub風メンションオートコンプリート機能を追加
  • Placeholders.js - HTML5 placeholder属性のJavaScriptポリフィル
  • fancyInput - CSS3エフェクトで入力体験を向上
  • jQuery-Tags-Input - テキスト入力を動的タグリストに変換するjQueryプラグイン
  • vanilla-masker - 純粋なJavaScript製入力マスクライブラリ
  • Ion.CheckRadio - チェックボックスとラジオボタンのスタイリング用jQueryプラグイン(スキン対応)
  • awesomplete - 依存関係不要で美しいオートコンプリートライブラリ
  • cleave.js - 入力内容をリアルタイムでフォーマット
  • vanilla-text-mask - React/Angular/Ember/Vue対応の入力マスクソリューション
  • input-mask - 入力マスク機能を実装するJavaScriptライブラリ
  • searchbox - インスタントビジュアル検索コンポーネント

カレンダー

日付/時刻入力ウィジェット

  • pickadate.js - モバイル対応の軽量jQuery日時ピッカー
  • bootstrap-datepicker - Bootstrap用日付ピッカー
  • Pikaday - 依存関係不要のモダンな日付ピッカー(モジュラーCSS)
  • fullcalendar - ドラッグ&ドロップ対応のフルサイズイベントカレンダー
  • rome - カスタマイズ可能な日時ピッカー(依存関係不要)
  • Date Range Picker - 日付範囲選択可能なJavaScriptコンポーネント
  • Duet Date Picker - アクセシブルな日付ピッカー
  • tui.calendar - 完全機能装備のJavaScriptカレンダー
  • vanilla-calendar - TypeScript対応の多機能日時ピッカー(多言語対応/ダークテーマ)

セレクト

  • selectize.js - テキストボックスとセレクトボックスのハイブリッドjQueryコンポーネント(タグ管理/キーボードナビゲーション対応)
  • select2 - 検索と無限スクロールを備えたjQueryセレクトボックス代替
  • chosen - 長い選択リストをユーザーフレンドリーに改良

ファイルアップローダー

  • jQuery-File-Upload - 多機能jQueryアップロードコンポーネント(複数選択/ドラッグ&ドロップ/プレビュー対応)
  • dropzone - シンプルなドラッグ&ドロップアップロード(画像プレビュー/進捗表示)
  • flow.js - HTML5 File APIによる再開可能なアップロードライブラリ
  • fine-uploader - S3直送対応のマルチファイルアップロードプラグイン(進捗表示)
  • FileAPI - マルチアップロードと画像編集機能を備えたツールセット
  • plupload - HTML5/Silverlight/Flash対応のマルチランタイムアップロードソリューション
  • filepond - 柔軟で使いやすいJavaScriptアップロードライブラリ
  • uppy - 次世代Webブラウザ向けオープンソースアップローダー

その他

  • form - jQueryフォームプラグイン
  • Garlic.js - フォームデータのローカル自動保存
  • Countable - パラグラフ/単語/文字数をリアルタイムカウント
  • card - クレジットカード入力フォームをワンラインで強化
  • stretchy - 本来あるべき姿のフォーム要素自動サイズ調整
  • analytics - 軽量で拡張可能な分析ライブラリ(サードパーティ統合対応)
  • dat.GUI - JavaScript変数操作用軽量GUIコントローラー