(HTML)Niceforms 入力フォームの見栄えを良くするスクリプト+CSS

3流PGのようにデザインセンスがヘタレでXHTML+CSSがどうも苦手なプログラマに役立つスクリプトが、Niceforms です。

これを使うと、入力フォームの見栄えを簡単によくすることができます。

こんな感じになります。

使い方は簡単で、http://www.emblematiq.com/lab/niceforms/download/からスクリプトダウンロードし、niceforms.js , niceforms-default.css を読み込みよう設定します。

そして、form のクラスを class="niceform" とするだけです。

HTML側は下記のような感じにしています。(文字数制限のためハイライト無し)





   
   <a class="keyword" href="http://d.hatena.ne.jp/keyword/hoge">hoge</a>
   
    




個人情報入力

   
氏名

   



   
氏名(カナ)

   



   
性別

   

   男
   女
   



   
年齢

   

   
   



   
利用出来る言語

   

   C/C++
   C#
   Objective-C
   Java
   VB/VB.Net
   JavaScript
   PHP
   Perl
   Ruby
   Python
   



   
連絡先(TEL)