これはすごい!CSS FrameworkのRMSforms

画像は公式サイトデモより
最近はフォームを作成する場合、テーブルを使用しないCSSオンリーで作成する事の方が多いのですが、
入力項目によっては横に2つ並べたりする場合(郵便番号、姓名など)テーブルの方が便利な場合があります。
しかしCakePHPなどを使用していると、どうしてもViewファイルがhtmlとphpコードが入り混じり
可視性が低くなってしまいます。
そこで、全部cssで制御できればViewファイルの整理がかなりできるのではないのでしょうか。
それを解決してくれるのがRMSformsです。
こんなCSSを待っていました。
詳しくは以下
バージョンが0.5で動作確認しました。
デモページを見るとHTML側はシンプルな記述で動作しています。
1 | < fieldset > |
2 | < legend ></ legend > |
3 | < ul class = "form [modifier]" > |
4 | < li >< label class = "[label modifier]" ></ label >< input ></ li > |
5 | </ ul > |
6 | </ fieldset > |
以下のブラウザで動作するようですので、開発者の方はぜひ観てみてください。
IE6 – 7, Firefox 3 & Google Chrome.
取り急ぎご紹介でした。
最新情報をお届けします