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

フォーム機能を活用する

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

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

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

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

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

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

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

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

項目を設定します。

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

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

今回は、問い合わせフォームを作成してみましょう。今回のフォームでは「社名」「ご氏名」「ふりがな」「ご住所」「メールアドレス」「電話番号」「年齢」「性別」「お問い合わせ項目」「お問い合わせ内容」を設定します。

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

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

各項目ごとに、「フォームの形式」、「入力必須項目」、「入力チェック」を設定します。
フォームの形式は以下より選べます。

テキストボックス	固有名詞、単語を入力させるのに適しています。
プルダウンメニュー	数多くある選択肢から1つを選択させるのに適しています。
テキストエリア	文章を入力させるのに適しています。
ラジオボタン	2～6個ぐらいの複数ある選択肢から1つを選択させるのに適しています。
チェックボックス	数多くある選択肢から複数選択させるのに適しています。
パスワード入力	入力文字が「●●●」で表示されるため、パスワードの入力に適しています。
メールアドレス	メールアドレスの入力に適しています。 2つのテキストエリアにメールアドレスを入力させる形式で、その2つの入力文字に相違いがないか比較するため、メールアドレスの入力に適しています。 ※2度入力させることによってメールアドレスの記入ミスが防げます。
郵便番号付き住所型（3box）	住所を入力させるのに適しています。郵便番号の入力欄と住所欄があります。
姓名型（2box）	氏名を入力させるのに適しています。苗字、名前の2つの欄があります。
TEL/FAX型（3box）	電話番号やFAXを入力させるのに適しています。
都道府県	都道府県を選択させるのに適しています。あらかじめ用意された47都道府県がプルダウンメニューで表示されます。

ここでは

「社名」・・・テキストボックス
「ご氏名」・・・姓名型（2box）
「ふりがな」・・・姓名型（2box）
「ご住所」・・・郵便番号付き住所型（3box）
「メールアドレス」・・・メールアドレス
「電話番号」・・・TEL/FAX型（3box）
「年齢」・・・プルダウンメニュー
「性別」・・・ラジオボタン
「お問い合わせ項目」・・・チェックボックス
「お問い合わせ内容」・・・テキストエリア

をそれぞれ選択します。

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

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

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

ここで、「ひらがな」と指定した場合、フォームに入力された文字が「ひらがな」ではない場合に、再入力を促すアラートが表示されます。

※フォームの形式にメールアドレスを選択した場合は、「入力チェック」を「メールアドレス」にしておきましょう。フォームが完成すると2回メールアドレスを入力するようになるので、メールアドレスの入力ミスを防げます。

ここでは「ふりがな」は、【ひらがな】、「メールアドレス」は【メールアドレス】、「電話番号」は【数字と「-」】を指定します。他は「チェックしない」にしておきます。
基本的に漢字入力、選択式、自由記入欄は入力チェックは行いません。

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

ナンバリング設定とは、項目の前（項目の左側）に「質問1」「質問2」･･･のように番号を付する機能です。
ここでは、「ナンバリング設定」にチェックを入れます。

ナンバリング文字列の「質問 %%%NUMBER%%%」部分の「質問」の文字を「Q」などに変えると、「Q1」「Q2」･･･のように表示されます。

※「%%%NUMBER%%%」の部分自動的に数値が入る部分ですので変更しないでください。

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

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

※このページは項目設定時（6参照～本ページはじめ）に「プルダウンメニュー」、「ラジオボタン」、「チェックボックス」を選択した場合のみ行います（項目に「プルダウンメニュー」、「ラジオボタン」、「チェックボックス」がない場合はこのページは表示されません）。

ここでは、
「年齢」の項目設定 (プルダウンメニュー)には