セクシーなフォームがつくれるjQueryのプラグイン「Uniform」

Uniformはセクシーなフォームが作れるjQuery用のプラグインです。
チェックボックス、ドロップダウンメニュー、ラジオボタン、ファイルアップロードフォームの見た目を変える事が可能になっています。

特に画像アップロードはiPhone風でかっこよいですね。

詳しくは以下

カスタイズ可能なスキン

テーマを変更する事で全体のスキンを自由に変更できるようです。

使い方

まずはjsと指定のcssを読み込みます。

<script src="jquery.js" type="text/javascript"></script>
<script src="jquery.uniform.js" type="text/javascript"></script>
<link rel="stylesheet" href="uniform.default.css" type="text/css" media="screen" charset="utf-8" />

全てのフォームにUniformを適用するには以下の用にコードを指定します。

<script>
$("select, :checkbox, :radio, :file").uniform();
</script>

セレクトボックスのみに適用する場合はこんな感じです。

<script>
$("select").uniform();
</script>

テーマの変更方法

サイトにはテーマを変更するためのジェネレータも用意されています。
Firefoxでは動作しませんでしたが、Chromeではうごきました。

動作ブラウザ

プラグインは以下のブラウザで動作確認がされているようですね。

• Safari 3+
• Firefox 3+
• IE7+
• Chrome

IE6では機能しませんが、デフォルトのフォームを表示してくれるようで動作には問題ありませんでした。
jQueryは1.3以上で動作する人のこと。
一味違ったフォームを作りたい方、いかがでしょうか。