フォーム周りの装飾に便利なプラグイン集

HTML / CSS / JavaScript

こんにちは、工藤です。
今回はフォーム周りで活躍してくれそうなプラグインを集めました。

icheck

icheck

チェックボックス・ラジオボタンのカスタマイズを簡単に行うことができます。
用意されているデザインも豊富で、なんだかこれを使うだけで一気におしゃれになります。

.customSelect()

cssで行うと割と表示が違って苦労するselect要素の装飾が簡単にできます。
マウスオーバー時やセレクトメニューを開いた時…などの細かい設定も行うことができます。

Validetta

リアルタイムで入力フォームのバリデーションを行うことができるプラグインです。
コードがシンプルながらもきちんとチェックしてくれます。

jQuery Complexify

たまに見かけるパスワードが安全かをリアルタイムでパーセントで表示してくれるプラグインです。
こうやって視覚化されると分かりやすくていいですよね。

jQuery Label Better

フォームにフォーカスをするとプレースホルダのラベル（といっても擬似的なのですが）が上に飛び出します。
なんとなく見た目や動き的にもいいですし、おしゃれな雰囲気のサイトに設けるにはよさそうです。

Progression.js

フォームのツールチップと入力の進捗状況をおしゃれに出してくれるプラグインです。
これがあるだけでなかなか親切になりますね。