フォームを鮮やかに彩るjavascript「NiceForms」

お問合せフォームなどのデザインはシンプルになりがちです。
しかし双方向性が重要視されていることから、フォームなどもデザインを考える必要があります。
NiceFormsはフォームを簡単に彩ることができます。
niceform

使用方法
NiceFormsからダウンロードしたzipファイルを解凍します。
解凍したできたファイル群をアップロードしたのち、nicejforms.jsとniceforms.cssの中にあるimageパスをご自身の設定に合わせて変更してください。
そして以下をhead内に書き込みます。
<script src="http://yourdomain/jquery.js" type="text/javascript"></script>
<script src="http://yourdomain/nicejforms.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://yourdomain/niceforms.css" type="text/css" media="screen">

さらにformのclassにniceformを付与します。
<form action="....." method="post" class="niceform">
最後に以下のスクリプトをページの最後に書き込めば、form内は特に手を加えることなく完成です。
<script type="text/javascript">
$(document).ready( function() { $.NiceJForms.build(); } );
</script>

*本家とは少し表記が異なります。
フォームを鮮やかに彩るjavascript「NiceForms」サンプル

sponsors

「フォームを鮮やかに彩るjavascript「NiceForms」」をシェアする

記事作成:
記事URL:

TOP > > > フォームを鮮やかに彩るjavascript「NiceForms」