Tag Archives: フォーム

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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