[JS]既存のフォームをかわいいデザインに変更するスクリプト -Niceforms

Niceformsは、簡単に既存のフォームをかわいいデザインに変更するスクリプトです。

デモのキャプチャ

Niceforms
demo

既存のフォームのデザインを変更するには、下記の手順です。

  1. 「niceforms.js」と「niceforms-default.css」を外部ファイルとして記述します。
  2. <form>に「class="niceform"」を記述します。
  3. 以上で、フォームのデザインが変更されます。

※imgフォルダに画像一式が格納されています。

以前紹介した「HTMLの各要素が配置されたスタイルシートのチェック用のテンプレート」にそのまま適用したところ、ラジオボタン・チェックボックスとテキストがずれてしまいましたが、パーツは全部かわいいデザインに変更されました。

top of page

©2017 coliss