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


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

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

詳しくは以下

IT/WEB業界への転職なら求人サイトGreen

カスタイズ可能なスキン

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

使い方

まずは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>

テーマの変更方法

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

動作ブラウザ

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

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

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

 

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

follow us in feedly