プログラムは書けるけど、Webデザインはちょっと苦手だという人はきっと多いと思います。僕もそうです。そんな人にオススメなのが、jQueryを使ったきれいなフォームを自動生成してくれるFAARYというオンラインジェネレータです。
要素のタイプと項目名するだけでフォームを自動生成
FAARYでは、上記の画像のように要素のタイプと項目名を指定するだけで、フォームを自動生成してくれます。できあがったフォームは、まとめてダウンロードすることができます。
指定できる項目としては、以下のようなものがあります。
- header(下線つきの見出し)
- text
- textarea
- radio
- checkbox
- select
- button
- line(下線)
使い方
- 黄色いテキストボックスに項目のタイプと項目名を入力します。(*を指定したものは必須入力項目として扱われ、未入力の場合に赤く表示されます。)
- GENERATE!ボタンをクリックすると、画面の右側にプレビューしたものが表示されます。
- できあがったフォームをダウンロードする場合は、GENERATE!の下にあるDownload it FREEのリンクをクリックします。
カスタマイズの方法
ダウンロードしたファイルには、サブミットボタンのonclickイベントにsendFormという名前の関数が設定されています。サブミット時にはこの関数が呼ばれるので、ここに任意の処理を書きます。
処理が成功した場合には、#imessageOKというidの要素を表示し、処理が失敗の場合は、#imessageERRORというidの要素を表示します。(デフォルトでは、両方とも非表示になっています。
jQuery("#imessageERROR").show(); jQuery("#imessageOK").show();
Webデザインはちょっと苦手だなという方は、ぜひ使ってみると良いと思います。
