[JS]フォームにさまざまなスタイルのデザインを適用するスクリプト -Sexy Forms

フォームにさまざまなスタイルのデザインを適用するスクリプトをCoders.me紹介します。

デモのキャプチャ

Sexy Forms
demo

フォームのデザインを変更するスクリプトは、当サイトでも紹介した「Niceforms」「FancyForm」などがありますが、FocusやDisabledにも対応しており、スタイルを簡単に変更することも可能です。

Sexy Formsの設置は、JSとCSSを外部ファイルで指定し、スクリプトでフォームを指定するだけです。
スタイルシートには4種類のテーマが用意されています。

デモのキャプチャ

Vistaスタイル

デモのキャプチャ

Orangeスタイル

デモのキャプチャ

Simpleスタイル

デモのキャプチャ

Blueスタイル

Sexy Formsは現在のところMooToolsのプラグインで、将来的にはjQueryにも対応予定とのことです。

sponsors

top of page

©2018 coliss