使い方は2つのCSSを読み込むだけになっています。

input要素やtextareaの配置だけでなくエラーメッセージにも使える要素がありました。

デモ

フォーム周りは以外とCSSを書くのが大変なので、こういったフレームワークの登場は嬉しいですね。

クロスブラウザにも対応しており、カスタマイズも簡単にできるそうです。
興味のある方はダウンロードしてみてください。

特に画像アップロードは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以上で動作する人のこと。
一味違ったフォームを作りたい方、いかがでしょうか。

「次へ」ボタンを押した際に入力チェックを行う事も可能になっているため、サーバーサイドの作り込みが楽になると思います。

ウィザード形式のフォームを作られている方、一度ためしてみてはいかがでしょうか。

最近はフォームを作成する場合、テーブルを使用しないCSSオンリーで作成する事の方が多いのですが、
入力項目によっては横に２つ並べたりする場合（郵便番号、姓名など）テーブルの方が便利な場合があります。

しかしCakePHPなどを使用していると、どうしてもViewファイルがhtmlとphpコードが入り混じり
可視性が低くなってしまいます。

そこで、全部cssで制御できればViewファイルの整理がかなりできるのではないのでしょうか。
それを解決してくれるのがRMSformsです。

こんなCSSを待っていました。

詳しくは以下

バージョンが0.5で動作確認しました。

デモページを見るとHTML側はシンプルな記述で動作しています。

以下のブラウザで動作するようですので、開発者の方はぜひ観てみてください。
IE6 – 7, Firefox 3 & Google Chrome.

取り急ぎご紹介でした。