Tag Archives: フォーム

http://kachibito.net/web-design/jquery-jpostal-js.html

【jquery.jpostal】郵便番号を入力すると住所を自動補完してくれるjQueryプラグイン

Lisence: MITライセンス
Tag: お問い合わせフォーム
無題

【Sliding Login Panel】スライドアニメーションでフォームを表示したり隠したりするjQueryプラグイン

Lisence: GPLライセンス
Tag: スライダーフォーム
http://fntneves.github.io/jquery-labelauty/

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

Lisence: MITライセンス
Tag: チェックボックスフォームラジオボタン
http://jackocnr.com/intl-tel-input.html

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

Lisence: MITライセンス
Tag: フォーム入力支援電話番号
http://www.jquery-steps.com/Examples

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

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

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

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

Lisence: Apacheライセンス
Tag: スマートフォンフォーム
http://athaeryn.github.io/flyLabel.js/

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

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

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: アニメーションフォーム
formatter.js

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

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

Lisence: MITライセンス
Tag: フォーム入力支援
http://patrickkunka.github.io/easydropdown/

【EasyDropDown】フラットなドロップダウンを実装できるプラグイン

フラットでおしゃれなドロップダウンを実装することができます。 スタイルも色々選べるようです。

Lisence: クリエイティブコモンズ
Tag: フォーム
http://git.aaronlumsden.com/progression/

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

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

Lisence: MITライセンス
Tag: フォーム

Page Top