フォーム機能を活用する：CPIで人気サイトを作ろう！

フォーム機能を活用する(簡易版)

今回は以下のようなフォームを作成してみます。

まず、コントロールパネルにログインします。

ソフトライブラリから、「高機能フォーム作成ウィザード」を選択します。

「フォーム新規作成」を選択します。

「作成開始！」ボタンをクリックしてフォーム作成を始めます。

＜フォームの名前、項目の設定＞を行います。

1	＜フォームの名前、項目の設定＞を行います。

まず、「フォームの名前」、「管理者メールアドレス」、「作成するフォームのHTMLファイル名」を入力します。

これらはそれぞれ以下をさします。

フォームの名前	フォームのページ上部に表示されるタイトル
管理者メールアドレス	フォームの投稿結果が送信されるメールアドレス
作成するフォームのHTMLファイル名	フォームが組み込まれたHTMLファイルが作成されるので、そのファイル名

※作成するフォームのHTMLファイル名は半角英数字で作成してください。また拡張子（.htmlもしくは.htm）を入力してください。

2	「インストール先ディレクトリ」を選択します。

フォームの「インストール先ディレクトリ」をプルダウンメニューから選択します。このインストール先ディレクトリとは、フォームが組み込まれたHTMLファイルが生成される場所です。

※任意のディレクトリにファイルを作成したい場合は、あらかじめFTPソフトでディレクトリを作成しておきます。

項目を設定します。

項目に設定したい項目を入力していきます。

※項目ごとに改行して入力します。

今回は、問い合わせフォームを作成してみましょう。今回のフォームでは「ご氏名」「メールアドレス」「お問い合わせ内容」を設定します。

＜項目内容の設定＞、＜ナンバリング設定＞を行います。

1	＜項目内容の設定＞を行います。

各項目ごとに、「フォームの形式」、「入力必須項目」、「入力チェック」を設定します。
ここでは、「ご氏名」は、姓名型（2box）「メールアドレス」は、メールアドレス「お問い合わせ内容」は、テキストエリアをそれぞれ選択します。

2	必須項目を設定します。

それぞれの項目を必須にするか否かを指定します。
ここでは、「ご氏名」「メールアドレス」を必須項目にします。

3	入力チェックを指定します。

ここでは「メールアドレス」に【メールアドレス】を指定します。他は「チェックしない」にしておきます。

4	＜ナンバリング設定＞を行います。（未設定でも可）

ナンバリング設定とは、項目の前（項目の左側）に「質問1」「質問2」･･･のように番号を付する機能です。
ここでは、「ナンバリング設定」は何も変更しないでおきます。

全ての設定が終わったら「次へ」ボタンをクリックします。

＜項目設定＞を行います。

1	＜機能選択＞を行います。

「送信内容データファイルの出力」では、フォームで送られてきた集計結果をカンマ区切り（CSV）で出力するか、タブ区切りで出力するか、あるいは出力しないかを指定します。
ここでは、出力しないを選択し、メールのみで受信されるようにします。

2	「フォームの投稿者への自動返信メール」を設定します。

「フォームの投稿者への自動返信メール」は、フォームの投稿者に送られる、フォームからの送信が正常に行われたことを伝えるメールです。
ここでは、「送信する」にしておきます。

※フォームの項目設定時に「メールアドレス」を作成しなかった場合はご利用いただけません。

3	「確認画面の表示」の有無を設定します。

「表示する」とした場合、フォームの項目に全て回答した後、回答の確認画面が表示されます。（お客様に回答内容を確認してもらうために利用します）。「表示しない」とした場合は、確認画面を表示せずに回答内容を送信します。
ここでは、「表示する」を選択します。

4	「送信回数制限機能」を設定します。

「送信回数制限機能」は送信回数をカウントして一定数に達したら、動作しないようにする設定です。たとえば「使用する」にして100と入力しておくと、100回フォームから送信された時点で受け付けをストップできます。アンケートで「先着○名様」等に利用すると、とても便利な機能です。
ここでは、問い合わせフォームのため「使用しない」にしておきます。

5	「送信完了画面のボタン操作」を設定します。

フォーム送信後に表示されるボタンの動作を設定します。
「ウィンドウを閉じる」を選択すると、フォーム送信後に【閉じる】ボタンが表示され、ボタンをクリックするとウィンドウを閉じます。
「フォームのトップに戻る」を選択すると、フォーム送信後に【戻る】ボタンが表示され、ボタンをクリックするとフォームのトップを表示します。
「指定URLにジャンプする（下記入力）」を選択すると、フォーム送信後に【戻る】ボタンが表示され、ボタンをクリックするとフォームに入力したURLのページを表示します。

＜デザインの選択＞を行います。

ここでは、4段目の右側のデザインを指定して、「次へ」ボタンをクリックします。

＜管理者に送信されるメールの編集＞を設定します。

フォームの回答結果はメールで送られてきます。＜管理者に送信されるメールの編集＞では、フォームの回答メールの雛形を自由にカスタマイズできます。
ここでは、特になにも変更せずに「次へ」ボタンをクリックします。

※フォームに回答がある度にメールが送られてきます。

＜フォームの投稿者に自動送信されるメールの編集＞を設定します。

フォームの投稿者に送るメールの設定を行います。
ここでは、メール本文の文頭に「お問い合わせいただき、ありがとうございました。以下のご質問については追ってメールにてご回答差し上げます。」と入力し、「次へ」ボタンをクリックします。

※この画面は、フォームの項目で「メールアドレス」を選択した場合にのみ表示されます。

＜完了画面の文章設定＞、＜エラー画面の文章設定＞を行います。

1	＜完了画面の文章設定＞を設定します。

何も変更しない場合は、フォームの内容送信後の画面に「送信ありがとうございました」と表示されます。
ここでは、このままにしておきます。

2	＜エラー画面の文章設定＞を設定します。

何も変更しない場合は、フォーム送信時に入力項目にエラーがある場合は、「エラーが発生しました。前画面に戻ってやり直してください。」と表示されます。
ここでは、このままにしておきます。「設定内容の確認」ボタンをクリックします。

これまで設定した内容が全て表示されますので、確認して「作成する」ボタンをクリックします。

フォームが組み込まれたHTMLが作成されます。

URLが表示されますので、クリックして実際にフォームに回答して動作を確認してみましょう。

動作確認は重要なチェックポイントです。特に以下の項目については確実に確認してください。

・管理者メールアドレスに投稿内容が届くか。
・メールを自動返信にしている場合には、投稿者にメールが返信されているか。
・メールは文字化けしていないか。
・設定した項目が反映されているか。

CPIのサービスを活用しよう

株式会社 KDDI ウェブコミュニケーションズ｜このサイトについて｜著作権・免責事項について｜リンクについて

ウェブサイトで○○したい

ワンランク上のウェブサイトを目指そう！

人気サイトの第一歩！ アクセスアップの秘訣！

インターネットかわら版

ウェブサイトを作るその前に

CPIのサービスを活用しよう

CGIライブラリ

フォーム機能を活用する(簡易版)

フォーム機能を活用する(簡易版)

CPIのサービスを活用しよう

人気サイトの第一歩！　アクセスアップの秘訣！