■　≪戻る　★ホームページ作成ソフト・ホームページビルダーを中心にした解説/ホームページの作成支援サイト★　■　ホームへ≫ 　　■　CGIを使わないメールフォームを作成する 　　　 ここでは、CGI を使わずにメールフォームからメールを送る方法を紹介します。ただし、注意点が 　　　 いくつかあります。 　　　 １.メール受信者側のパソコンの環境によっては、メール受信時に再変換(デコード)が必要。 　　　 ２.メール送信者側のメーラー(メールソフト)が、mailto:リンクで自動起動するものでなければならない。 　　　 ３.メーラーが自動起動する時、次のような注意喚起が出る。 　　　 　　　 などなど。 　　　 様々なパソコン環境の人からメールをしてもらう事を考えると、メールフォームは、環境に依存しない 　　　 ように CGI と組み合わせて使う事をお勧めします。 　　◆　フォームの作成　◆ 　　１.まず、フォームを作りたい位置にカーソルを移動し、メニューバーから「挿入」→ 　　　「フォームと入力部品」→「フォーム」を選択します。 　　　　すると、ページ編集画面上にフォーム枠(点線の枠)が挿入されます。 　　 　　２.フォーム枠(点線の枠)の中で、右クリック→「属性の変更」、もしくは、「属性の変更」ボタン→ 　　　「FORM の属性」を選択します(下図参照)。 　　 　　　 すると、フォームの[属性]ダイアログが表示されるので、このフォーム内に記入されたデータの 　　　 送信先や送信方法などを指定していきます。 　　 　　３.[アクション]に、データの送信先 URL を指定します。 　　　(action属性) 　　　 ここには、「 mailto:自分のメールアドレス 」と入力します。 　　　 例 　　４.[メソッド]で、送信形式を指定します。 　　　(method属性) 　　　　ここでは、「 Post 」を選択します。 　　５.[エンコードの種類]で、送信形式を指定します。 　　　(enctype属性) 　　　 ここでは、「 text/plain 」を選択します。 　　　 (ファイル選択領域を設置して、ファイルの送信を出来るようにする時は[ multipart/form-data ]を 　　　 指定する必要があります。) 　　　 以上で、フォームの設定は完了です。後は、このフォーム枠の中に必要に応じた入力部品を入れて 　　　 いくだけです。 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　▲ページTOPへ 　　◆　フォーム枠の中に入力部品を入れる前に　◆ 　　　フォーム枠の中に入力部品を入れていく前に、表を挿入しておきましょう。表を使う事で、文字や 　　　レイアウト用の画像、入力部品などをキレイに配置する事が出来ます。また、見た目に良いデザインに 　　　仕上げる事も出来ます。 　　　デザイン例 　　 　 これはデザイン例なので送信できません。 お名前 E-mail 問い合わせ内容 質問　要望　暇つぶし 当サイトへの質問や感想など ご自由にお書き下さい。 　 　 　 　 　　　デザイン例を表の枠だけにすると、次のようになります。 　 　 　 これはデザイン例なので送信できません。 　 　 　 　 お名前 E-mail 問い合わせ内容 質問　要望　暇つぶし 当サイトへの質問や感想など ご自由にお書き下さい。 　 　 　 　 　　 　　 　　　ちなみに、文字、レイアウト用の画像、表が、データとして送信されることはありません。フォーム 　　　枠の中で送信されるのは、「入力部品のデータ」と「入力部品に書き込まれたデータ」だけです。 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　▲ページTOPへ 　　◆　入力部品の作成　◆ 　　６.フォーム枠内をクリックすると、次のような[入力部品]ダイアログが表示されるので、各ボタンを 　　　 クリックして必要に応じた入力部品を挿入していきます。 　　 　　　各ボタンと、入力部品の解説は以下の通りです。入力部品の設置方法については、設置例の下のリンク 　　　部分をクリックして各解説ページで確認してください。 ボタン 入力部品一覧 (主な用途) 入力部品設置例 　　一行テキストボックス 　　(名前、住所、電話番号、 　　 メールアドレスなど) 入力部品[１行テキストボックス]の設置方法 　　複数行テキストボックス 　　(意見や感想を求める時など) 入力部品[複数行テキストボックス]の設置方法 　　　　ラジオボタン　 （複数の選択肢の中から１つだけ 　選択してもらいたい時）　 　　 入力部品[ラジオボタン]の設置方法 　　　　チェックボックス　 （複数の選択肢の中から複数 　選択してもらいたい時) 　　　 入力部品[チェックボックス]の設置方法 　　　　リストボックス　 （複数の選択肢の中から１つだけ 　選択してもらいたい時。） 　　　　　　　　　※複数選択可 10代 20代 30代 40代 50代 60代 70代 80代 90代 入力部品[リストボックス]の設置方法 　　　　オプションメニュー　 （複数の選択肢の中から１つだけ 　選択してもらいたい時） 都道府県 北海道 青森県 岩手県 宮城県 秋田県 山形県 福島県 茨城県 栃木県 群馬県 埼玉県 千葉県 東京都 神奈川県 新潟県 富山県 石川県 福井県 山梨県 長野県 岐阜県 静岡県 愛知県 三重県 滋賀県 京都府 大阪府 兵庫県 奈良県 和歌山県 鳥取県 島根県 岡山県 広島県 山口県 徳島県 香川県 愛媛県 高知県 福岡県 佐賀県 長崎県 熊本県 大分県 宮崎県 鹿児島県 沖縄県 入力部品[オプションメニュー]の設置方法 　　　　送信ボタン （各部品に記入された内容を指定の 　URLやメールアドレスに送る為の 　ボタン。） 入力部品[送信ボタン]の設置方法 　　　　リセットボタン （各部品に記入された情報を初期 　設定の値に戻す為のボタン。) 入力部品[リセットボタン]の設置方法 　　７.入力部品の設置が終わったら、CGIを使わないメールフォームの完成です。 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　▲ページTOPへ 　　「CGIを使わないメールフォームを作成する」に関する解説は以上です。 　　■　≪戻る