フォーム・エディタ

http://numeraljs.com/

【Numeral.js】カンマ区切りなどによる数値のフォーマットが実装できるスクリプト

Lisence: MITライセンス
Tag: 入力支援
mailcheck

【mailcheck.js】メールアドレスの入力間違いを減らしてくれるjQueryプラグイン

Lisence: MITライセンス
Tag: 入力支援
http://formstone.it/components/Dropper/demo/index.html

【Dropper】ファイルアップ用のDropゾーンを作れるjQueryプラグイン

Lisence: MITライセンス
Tag: ドラッグアンドドロップファイルアップロード
jQuery-Validation-Bootstrap-tooltip

【jQuery-Validation-Bootstrap-tooltip】入力値にエラーがある場合にツールチップを表示できる

Lisence: MITライセンス
Tag: ツールチップバリデーションチェック吹き出し
ExpandingTextareas

【Expanding Textareas】内容に応じて自動伸縮するテキストエリアを実装するjQueryプラグイン

Lisence: MITライセンス
Tag: テキストエリア
http://fntneves.github.io/jquery-labelauty/

【jquery-labelauty】チェックボックス・ラジオボタンをかっこいい装飾に実装できるjQueryプラグイン

Lisence: MITライセンス
Tag: チェックボックスフォームラジオボタン
http://zdfs.github.io/toscani/paymentInfo/index.html

【toscani】クレジットカードの入力欄を1つにしてカード判別やValidateも可能にするjQueryプラグイン

Lisence: BSDライセンスMITライセンス
Tag: クレジットカード入力支援
http://www.enfos.com/FlowupLabels.js/demo/

【FlowupLabels.js】プレースホルダを上に移動させるjQueryプラグイン

Lisence: MITライセンス
Tag: inputユーザビリティ向上入力支援
http://happyjs.com/

【Happy.js】軽量でシンプルなフォームバリデーションjQueryプラグイン

Lisence: MITライセンス
Tag: バリデーションチェック入力支援
http://jqueryvalidation.org/files/demo/

【jQuery Validation】フォームバリデーションjQueryプラグイン

Lisence: MITライセンス
Tag: バリデーションチェック入力支援
http://jackocnr.com/intl-tel-input.html

【intl-tel-input】国際対応の電話番号入力補助が実装できるjQueryプラグイン

Lisence: MITライセンス
Tag: フォーム入力支援電話番号
http://bevacqua.github.io/rome/

【Rome】時間も選べるデイトピッカー

カレンダーで日付だけでなく時間も表示するデイトピッカー

Lisence: MITライセンス
Tag: カレンダーデイトピッカー入力支援
exValidation

【exValidation】リアルタイムでバリデーションチェックをするjQueryプラグイン

リアルタイムで入力チェックができるjQueryプラグイン。チェックの種類も多く設置も簡単です。

Lisence: MITライセンス
Tag: バリデーションチェック入力支援
http://www.jquery-steps.com/Examples

【jquery-steps】ステップ形式のウィザードをつくるjQueryプラグイン

入力項目が多い場合にステップに分けて表示できるjQueryプラグイン。

Lisence: MITライセンス
Tag: フォーム入力支援
Formplate

【Formplate】フォーム要素をフラットなデザインに統一するjQueryプラグイン

Lisence: Apacheライセンス
Tag: スマートフォンフォーム
http://djsmithme.github.io/Multi-Column-Select/

【Multi-Column-Select】セレクトボックスをボタンで選択させるjQueryプラグイン

ボタンで選択するUIのセレクトボックスになります。複数選択も可能。

Lisence: MITライセンス
Tag: 入力支援
http://rmm5t.github.io/jquery-flexselect/

【flexselect】項目の多いセレクトボックスを選びやすくするjQueryプラグイン

セレクトボックスの選択項目が多い時に便利なjQueryプラグイン。選択時だけでなく、フォームに入力した内容によって項目をソートして表示したりすることができます。

Lisence: MITライセンス
Tag: 入力支援
Card

【Card】クレジットカードの入力をより直感的に行える入力フォームを実装するjQueryプラグイン

カード番号を入力すると、カードの種類を読み取って表示が変わります。

Lisence: MITライセンス
Tag: クレジットカード入力支援
http://vst.mn/selectordie/

【Select or Die】タッチ端末でも押しやすいselectを実装できるjQueryプラグイン

Lisence: MITライセンス
Tag: セレクトボックス
http://athaeryn.github.io/flyLabel.js/

【flyLabel】ラベルに出現アニメーションを実装できるjQueryプラグイン

input要素とselect要素に適用できます。

Lisence: MITライセンス
Tag: アニメーションセレクトボックスフォーム
http://tkengo.github.io/blog/2013/06/23/jquery-ajaxzip2/

【 jquery.ajaxzip2】郵便番号から住所を自動補完するjQueryプラグイン

郵便番号から住所を自動的に補完する AjaxZip 2.0 のjQuery プラグイン版。

Lisence: MITライセンス
Tag: 入力支援
Fort.js

【Fort.js】画面上部にフォームの入力進捗を表示するスクリプト

単体jsで動作するスクリプトです。 ページ上部に表示されるので、デザインの邪魔になりません。エフェクトは4種類用意されていてます。バーの色や大きさはcssで変更することが出来ます。

Lisence: MITライセンス
Tag: フォームプログレスバー入力支援
ClockPicker

【ClockPicker】円形のアナログ時計の時間・分をクリックして時刻を入力できるjQueryプラグイン

Lisence: MITライセンス
Tag: フォーム入力支援
http://rubentd.com/radios-to-slider/

【radiosToSlider】ラジオボタンにスライドアニメーションを実装するjQueryプラグイン

Lisence: MITライセンス
Tag: フォームラジオボタン
Datepair for jQuery – Demos and Documentation

【DatePair】日付と時刻の両方を入力する際に便利なjQueryプラグイン

Lisence: MITライセンス
Tag: デイトピッカーフォーム入力支援
http://wselect.websanova.com/

【wSelect】selectボックスにアイコンを付けるjQueryプラグイン

Lisence: MITライセンス
Tag: フォーム入力支援
http://placeholdem.jackrugile.com/

【Placeholdem】フォームのplaceholder属性をアニメーションで表示・非表示にするスクリプト

HTML5以降で<input> 要素と <textarea>要素で使えるようになった placeholder 属性をアニメーション付きで表示・非表示にするスクリプトです。単体で動くスクリプトです。

Lisence: MITライセンス
Tag: アニメーションフォーム
http://ninkigumi.com/ajaxzip3/

【ajaxzip3】郵便番号を入力すると自動的に住所を表示

jQuery不要。郵便番号を入力すると自動的に住所を表示するJavaScript。

Lisence: MITライセンス
Tag: 入力支援
Notebook

【jQuery Notebook】シンプルなエディタを実装することができるjQueryのプラグイン

選択するとメニューがすっと出てくるシンプルなエディタです。

Lisence: MITライセンス
Tag: 入力支援
formatter.js

【formatter】電話番号などパターンのある数列をinput要素に組み込めるプラグイン

電話番号やクレジットカード番号など決まった区切りのある入力項目をjavascriptで設定し、そのパターンにしたがって区切り(ハイフンなど)を補完してくれます。jQueryを使う場合と使わない場合の2パターンが用意されて […]

Lisence: MITライセンス
Tag: フォーム入力支援
http://git.aaronlumsden.com/progression/

【Progression.js】フォームの入力が何%終わったかグラフで表示してくれるプラグイン

HTML5のdata属性を使ってフォームの入力中に、進行状況をプログレスバーで表示し、さらに項目のヒントを表示するプラグインです。

Lisence: MITライセンス
Tag: フォーム
http://harvesthq.github.io/chosen/

【chosen】タグ選択風のセレクトボックスを実装できるjQueryプラグイン

入力するだけで結果を表示するインスタンス検索を可能にするプラグインです

Lisence: MITライセンス
Tag: セレクトボックス
iCheck

【iCheck】チェックボックス、ラジオボタンをおしゃれに実装できるjQueryプラグイン

カスタマイズ性に優れたjQueryプラグインです。スマートフォン・タブレットなどのタッチデバイスにも対応しています。Retinaディスプレイの表示にも対応したスキンが用意されています。

Lisence: MITライセンス
Tag: Retinaタッチデバイス
WS000031

【Skeuocard】クレジットカードの入力フォーム画面をかっこよくするスクリプト

クレジットカードの情報入力を支援してくれるスクリプトです。クレジットカード番号の最初の何桁かを入力すると、カードの種別を判定してそれぞれのカード種別の背景画像に変わります。(カードの)表面の入力が終わると、裏面の入力を促 […]

Lisence: MITライセンス
Tag: クレジットカード入力支援
http://kumailht.com/gridforms/

【Gridforms】綺麗なレスポンシブの入力フォームをつくるJS/CSSフレームワーク

綺麗な入力フォームをつくるJS/CSSのフレームワークレスポンシブ対応でスマートフォンから見ても綺麗です。Respond.jsを使うとIE8以下でもレスポンシブ対応が可能になります。

Lisence: MITライセンス
Tag: レスポンシブ
http://burakson.github.io/fseditor/

【jQuery Fullscreen Editor】エディタをフルスクリーンにして編集しやすくするjQueryプラグイン

エディタをフルスクリーンにして編集しやすくできるjQueryプラグイン。 このプラグインで初期化をすると、textareaの右上にボタンが表示され、クリックでブラウザ全体にtextareaが最大化されます。エディタ領域が […]

Lisence: MITライセンス
Tag:
http://feedback-me.appspot.com/example_clean.html

【jQuery Feedback Me Plugin】フォーム画面を横からスライドインするjQueryプラグイン

オプションで必須項目などの設定を行います。表示位置はCSSで設定します。

Lisence: MITライセンス
Tag: スライドイン

Page Top