• ホーム
• メールフォーム設置

一言メールフォーム設置 -Form2Mail編-

CGI RESCUEさんの「Form2Mailv1.40〜」で、一言メールフォームを作ります。

留意事項

• Form2Mailv1.40〜 の設置が必要です。
• 送信先アドレスを表示します。
• 投稿（スパム）キーの答えはCGIで設定します。
• 複数フォームを作る場合、投稿キーは共用です。

念のため

• 投稿キーは相手の負担になります。
  • （入力が分からない・一言送るだけなのに面倒など）
• 答えが2つあるキーに注意してください。（例：にほんを漢字に→ 二本・日本）
• キーの答えを変えて、HTMLのヒントを変え忘れると届かなくなります。

form2mailサンプルA

投稿キー付きのサンプルです。

特徴

• 2行以上入力できる
• IE以外では、2行フォームにみえる
• 投稿キーの入力が必要

設定

• 送信後に指定したページを表示する
• 内容は入力必須

ソース（form2mail専用）

<!-- ここから -->
<form action="http://〜/form2mail.cgi" method="post">
<p>
<input type="hidden" name="_subject" value="メールの件名">
<input type="hidden" name="_indispen" value="内容"><!-- 内容を入力必須に -->
<input type="hidden" name="_location" value="http://"><!-- 送信後のURL -->
一言メール<br>
<textarea name="内容" rows="1" cols="40"></textarea><br>
<input type="text" name="_spamkey" size="5">
←日本と入力してください（漢字２文字）
<input type="submit" value="　送 信　"></p>
</form>
<!-- ここまで -->

以上をコピーしてHTML文書に張り付けます。
http://〜/form2mail.cgi を、設置したform2mailのURLに変えてください。

http://には、送信後に表示するページのURLを入れます。
投稿キーのヒントは、設定した答えに合わせて書き直してください。

form2mailサンプルB

送信完了ページに、<a href="http://" target="_top">文字列</a>を入れるサンプルです。

特徴

• 送信完了ページの下に、リンクを入れる
• 投稿キーの入力が必要
• 内容は入力必須

例（あくまでイメージです）

ソース（form2mail専用）

<!-- ここから -->
<form action="http://〜/form2mail.cgi" method="post">
<p>
<input type="hidden" name="_subject" value="メールの件名">
<input type="hidden" name="_indispen" value="内容"><!-- 内容を入力必須に -->
<input type="hidden" name="_gourl" value="http://"><!-- リンク先のURL -->
<input type="hidden" name="_goname" value="ホームへ戻る"><!-- リンクする文字 -->
一言メール<br>
<textarea name="内容" rows="2" cols="40"></textarea><br>
<input type="text" name="_spamkey" size="5">
←日本と入力してください（漢字２文字）
<input type="submit" value="　送 信　"></p>
</form>
<!-- ここまで -->

以上をコピーしてHTML文書に張り付けます。
http://〜/form2mail.cgi を、設置したform2mailのURLに変えてください。

http://とホームへ戻るは、先ほどの表示例を参考に設定してください。
投稿キーのヒントは、設定した答えのヒントに書き換えます。

form2mailサンプルC

任意で、内容確認ページを表示するサンプルです。

特徴

• 送信前に確認ページを出すか選べる
• 送信後に指定したページを表示する
• 内容は入力必須

ソース（form2mail専用）

<!-- ここから -->
<form action="http://〜/form2mail.cgi" method="post">
<p>
<input type="hidden" name="_subject" value="メールの件名">
<input type="hidden" name="_indispen" value="内容"><!-- 内容を入力必須に -->
<input type="hidden" name="_location" value="http://"><!-- 送信後のURL -->
一言メール<br>
<textarea name="内容" rows="2" cols="40"></textarea>
<input type="submit" value="　送 信　">
<br>
<input type="checkbox" name="_check" value="1" id="box">
<label for="box">送信前に内容を確認する</label>
</p>
</form>
<!-- ここまで -->

以上をコピーしてHTML文書に張り付けます。
http://〜/form2mail.cgi を、設置したform2mailのURLに変えてください。

http://には、送信後に表示するページのURLを入れます。

form2mail用サンプルD

任意で、送った内容を表示するサンプルです。

特徴

• 完了ページに送信内容を表示するか選べる
• 送信後に指定したページを表示する
• 内容は入力必須

例（あくまでイメージです）

送信後に表示するページのURLを指定している場合、代わりに[コピーしたら次へ]が表示されます。

※サンプルのためテキストボックスを縮小しました。

ソース（form2mail専用）

<!-- ここから -->
<form action="http://〜/form2mail.cgi" method="post">
<p>
<input type="hidden" name="_subject" value="メールの件名">
<input type="hidden" name="_indispen" value="内容"><!-- 内容を入力必須に -->
<input type="hidden" name="_location" value="http://"><!-- 送信後のURL -->
一言メール<br>
<textarea name="内容" rows="2" cols="40"></textarea>
<input type="submit" value="　送 信　">
<br>
<input type="checkbox" name="_ccopy" value="1" id="copy">
<label for="copy">送信後に内容の写しを見る</label>
</p>
</form>
<!-- ここまで -->

以上をコピーしてHTML文書に張り付けます。
http://〜/form2mail.cgi を、設置したform2mailのURLに変えてください。

http://には、送信後に表示するページのURLを入れます。

form2mail用サンプルE

form2mail用のコマンドで件名を指定します。form2mailの場合、有効なタイプは hidden text radioです。（readme.txtより）

hiddenタイプ

form要素内で件名を指定します。隠し項目で送信者は操作できません。

<input type="hidden" name="_subject" value="メールの件名">

使用例とソース

<!-- ここから -->
<form action="http://〜/form2mail.cgi" method="post">
<p>
<input type="hidden" name="_subject" value="メールの件名"><!-- 件名を指定 -->
<input type="hidden" name="_indispen" value="内容"><!-- 内容を入力必須に -->
<input type="hidden" name="_location" value="http://"><!-- 送信後のURL -->
一言メール<br>
<textarea name="内容" rows="1" cols="40"></textarea>
<input type="submit" value="　送 信　">
</p>
</form>
<!-- ここまで -->

以上をコピーしてHTML文書に張り付けます。
http://〜/form2mail.cgi を、設置したform2mailのURLに変えてください。

http://には、送信後に表示するページのURLを入れます。

textタイプ

送信者が件名を入力するタイプです。

<input type="text" name="_subject" size="40" value="問い合わせ" maxlength="30">

補足

• name="_subject"…form2mailの件名指定コマンド
• size="40"…テキストフィールドの幅
• value="問い合わせ"…件名の初期値
• maxlength="30"…最大入力数
  • maxlengthは、<input type="text">か<input type="password">のみに指定できる属性

初期値と最大入力数を設定しない場合は、<input type="text" name="_subject" size="40">で結構です。

使用例とソース

<!-- ここから -->
<form action="http://〜/form2mail.cgi" method="post">

<div>
    <input type="hidden" name="_indispen" value="内容"><!-- 内容を入力必須に -->
    <input type="hidden" name="_gourl" value="http://"><!-- リンク先のURL -->
    <input type="hidden" name="_goname" value="ホームへ戻る"><!-- リンクする文字 -->
</div>

<table>
<tr>
    <td>件名</td>
    <td><input type="text" name="_subject" size="40" value="問い合わせ" maxlength="30">（30字まで）</td>
</tr>
<tr>
    <td style="vertical-align: top;">内容</td>
    <td><textarea name="内容" rows="2" cols="40"></textarea></td>
</tr>

<tr>
    <td colspan="2" style="text-align: right;">
    <input type="submit" value="　送 信 す る "></td>
</tr>
</table>

</form>
<!-- ここまで -->

http://とホームへ戻るは、先ほどの表示例と同じです。

radioタイプ

ラジオボタンで送信者が件名を選べます。

<input type="radio" name="_subject" value="○○">○○
<input type="radio" name="_subject" value="××">××
<!-- ↓一つだけ最初から選んだ状態にする用 -->
<input type="radio" name="_subject" value="□□" checked>□□

件名指定ラジオボタンの補足

• 件名指定に使うラジオボタンのname属性値は全て_subjectにする
• value属性値が件名になる
• ラジオボタンの隣に説明を付ける
• checkedは最初から選択した状態にする属性

checkedの補足

checkedはラジオボタンかチェックボックスのみに指定できる属性です。では各グループに一つだけ、には複数指定できます。

checkedがなく送信者が件名を選ばない場合、件名のデータは送られません。

使用例とソース

<form action="http://〜/form2mail.cgi" method="post">
<div>
    <input type="hidden" name="_indispen" value="内容"><!-- 内容を入力必須に -->
    <input type="hidden" name="_gourl" value="http://"><!-- リンク先のURL -->
    <input type="hidden" name="_goname" value="ホームへ戻る"><!-- リンク文字 -->
</div>
<table>
<tr>
    <td style="vertical-align:top">件名：</td>
    <td>↓お選び下さい<br>
    <input type="radio" name="_subject" value="ご意見・ご感想" checked>ご意見・ご感想
    <input type="radio" name="_subject" value="リンク切れ">リンク切れ
    <input type="radio" name="_subject" value="その他">その他
    </td>
</tr>
<tr>
    <td style="vertical-align:top">内容：</td>
    <td>
    <textarea name="内容" rows="2" cols="40"></textarea>
    <input type="submit" value="送信">
    </td>
</tr>
</table>
</form>

おまけ（説明なし）

<input type="radio" name="_subject" value="件名○○" id="subject1">
<label for="subject1">件名○○</label>

<input type="radio" name="_subject" value="件名△△" id="subject2">
<label for="subject2">件名△△</label>

<input type="radio" name="_subject" value="件名××" id="subject3">
<label for="subject3">件名××</label>

<input type="radio" name="_subject" value="件名☆☆" id="subject4">
<label for="subject4">件名☆☆</label>

<input type="radio" name="_subject" value="件名□□" id="subject5">
<label for="subject5">件名□□</label>

赤色の数字は半角です。どれか一つにcheckedを。

サンプル（説明なし）

<form action="http://〜/form2mail.cgi" method="post">
<div>
    <input type="hidden" name="_indispen" value="内容"><!-- 内容を入力必須に -->
    <input type="hidden" name="_gourl" value="http://"><!-- リンク先のURL -->
    <input type="hidden" name="_goname" value="ホームへ戻る"><!-- リンク文字 -->
</div>
<table>
<tr>
    <td style="vertical-align:top">件名：</td>
    <td>▼お選び下さい<br>
    <input type="radio" name="_subject" value="メール：ご意見・ご感想" id="opinion">
    <label for="opinion">ご意見・ご感想</label>
    <input type="radio" name="_subject" value="メール：リンク切れ" id="deadlink">
    <label for="deadlink">リンク切れ</label>
    <input type="radio" name="_subject" value="メール：その他" id="other" checked> 
    <label for="other">その他</label>
    </td>
</tr>
<tr>
    <td>内容：</td>
    <td>
    <textarea name="内容" rows="2" cols="40"></textarea>
    <input type="submit" value="送信">
    </td>
    </tr>
</table>
</form>

ボディ設定

送信確認/完了画面の背景色と文字色の設定を、form要素内に記述します。

Form2Mailの説明書より

*6　<input type=hidden name="_body" value="bgcolor=#000000 text=black">
　　　<BODY ***>の***の部分を、"を使わずに設定します。送信フォームの画面と統一性を
　　　持たせたい場合に設定します。

<input type="hidden" name="_body" value="bgcolor=#000000 text=black">

#000000が背景色、blackが文字色になります。

例（あくまでイメージです）

• ページ先頭へ▲

• ホーム
• メールフォーム設置

• ブックマーク ラグナロク通り