近日公開予定の簡易ニュース更新システム(ブログのようなもの)の管理画面を綺麗にデザインしたいと思い、Niceformsを使用することにしました。
いつか使えるなとブックマークしておいたのですが、英語が苦手なので詳細は読まず(読めず)、どなたか日本語で解説してくれている方がいないか探してみたところ、なんでもダウンロードしたjsファイルとcssファイルへのリンクコード（下記）をヘッダーに入れるだけでフォームが左の画像のように綺麗にデザインしたものに変わるとのこと。
コレを入れるダケ？イイジャン!!
<script language="javascript" type="text/javascript" src="niceforms.js"></script>
<style type="text/css" media="screen">@import url(niceforms-default.css);</style>
ところが上手くいかない...デモページをみながらごにょごにょといじってみたところ
- フォームタグに class="niceform"を入れる。
- セレクトボックスやテキストボックスには決められたルールのid、classを割り振る。
- ラジオボタン、チェックボックスには決められたルールのidのほかにlabelタグへもfor属性を付ける。
などがきちんとできていないとダメなようです。
今回はすでにシステムが出来上がっているし、結構な数のフォームエレメントひとつひとつにidやclassを入れるのがかなり厳しいのでちょっと無理そうです。
ちょっとしたフォームメールなどには、かなり良さそうなので別の機会に...
コメントする