フォームメーラーはリニューアルされました。
このページは、旧フォームメーラー(タグ埋め込み型)の説明ページです。
新フォームメーラーには使えません。

新しい説明ページへ

一言メールフォーム設置 -レンタルCGI編-

Future Spirits提供のフォームメーラーで、一言メールフォームを作ります。
CGIが使えない場合にお奨めです。

挿し絵

FORM MAILER ←まず無料登録してIDを頂きます
フォームメーラーに関するよくある質問と回答

留意事項

Form mailer用サンプル1

特徴
設定内容

ソース

<!-- ここから -->
<form action="http://form3.future-s.com/cgi/form3.cgi" method="post">
<p>
<input type="hidden" name="formid" value="あなたのID"> 
<input type="hidden" name="formsubject" value="受信したメールの件名">
<input type="hidden" name="formreq" value="メッセージ"> <!-- メッセージを入力必須にする -->

<textarea name="メッセージ" rows="1" cols="40"></textarea>
<input type="submit" value="コメント送信">
</p>
</form>
<!-- ここまで -->

以上をコピーしてHTML文書に張り付けます。
あなたのID を、もらったIDに必ず変更してください。

補足

入力をチェックしない場合は、ソースから <input type="hidden" name="formreq" value="メッセージ"> を削除します。

Form mailer用サンプル2

特徴
設定内容

ソース

<!-- ここから -->
<form action="http://form3.future-s.com/cgi/form3.cgi" method="post">
<p>
<input type="hidden" name="formid" value="あなたのID"> 
<input type="hidden" name="formsubject" value="受信したメールの件名">
<input type="hidden" name="formlog" value="1"> <!-- サーバーにログを残す -->
<input type="hidden" name="formreq" value="メッセージ"> <!-- メッセージを入力必須にする -->

<label for="message">メッセージ</label>
<textarea name="メッセージ" rows="1" cols="50" id="message"></textarea>
<input type="submit" value="送信">
</p>
</form>
<!-- ここまで -->

以上をコピーしてHTML文書に張り付けます。
あなたのID を、もらったIDに必ず変更してください。

補足

Form mailer用サンプル3


特徴
設定内容

ソース

<!-- ここから -->
<form action="http://form3.future-s.com/cgi/form3.cgi" method="post">
<p>
<input type="hidden" name="formid" value="あなたのID"> 
<input type="hidden" name="formsubject" value="受信したメールの件名">
<input type="hidden" name="formlog" value="1"> <!-- サーバーにログを残す -->
<input type="hidden" name="formreq" value="メッセージ"> <!-- メッセージを入力必須にする -->
<input type="hidden" name="formcheck" value="1"> <!-- 入力確認画面を表示する -->

<label for="message">一言感想をください!</label>
<br>
<textarea name="メッセージ" rows="1" cols="50" id="message"></textarea>
<input type="submit" value="確認画面へ">
</p>
</form>
<!-- ここまで -->

以上をコピーしてHTML文書に張り付けます。
あなたのID を、もらったIDに必ず変更してください。

補足

Form mailer用サンプル4

特徴
設定内容

ソース

<!-- ここから -->
<form action="http://form3.future-s.com/cgi/form3.cgi" method="post">
<p>
<input type="hidden" name="formid" value="あなたのID"> 
<input type="hidden" name="formsubject" value="受信したメールの件名">
<input type="hidden" name="formlog" value="1"> <!-- サーバーにログを残す -->
<input type="hidden" name="formreq" value="メッセージ"> <!-- メッセージを入力必須にする -->
<input type="hidden" name="formcheck" value="1"> <!-- 入力確認画面を表示する -->

<label for="message">メッセージ</label>
<input type="text" name="メッセージ" size="60" maxlength="50" id="message">
<input type="submit" value="確認画面へ">
</p>
</form>
<!-- ここまで -->

以上をコピーしてHTML文書に張り付けます。
あなたのID を、もらったIDに必ず変更してください。

補足

Form mailer用サンプル5

チェックボックス付きのサンプルです。非公開〜の文字列クリックでもチェックが入ります。


ソース

<!-- ここから -->
<form action="http://form3.future-s.com/cgi/form3.cgi" method="post">
<p>
<input type="hidden" name="formid" value="あなたのID"> 
<input type="hidden" name="formsubject" value="受信したメールの件名">
<input type="hidden" name="formlog" value="1"> <!-- サーバーにログを残す -->
<input type="hidden" name="formreq" value="メッセージ"> <!-- メッセージを入力必須にする -->
<input type="hidden" name="formcheck" value="1"> <!-- 入力確認画面を表示する -->

<label for="message">メッセージ</label>
<label for="box"><span style="font-size: 82%;">(非公開希望の人は□をチェックしてね)</span></label>
<br>
<input type="checkbox" name="check1" value="非公開希望" id="box">
<textarea name="メッセージ" rows="1" cols="50" id="message"></textarea>
<input type="submit" value="送信">
</p>
</form>
<!-- ここまで -->

以上をコピーしてHTML文書に張り付けます。
あなたのID を、もらったIDに必ず変更してください。

Form mailer用サンプル6

上のサンプルの改行&確認画面抜き。こちらは直接ボックスを押さないとチェックされません。

※送信テストはできません
公開OK

ソース

<!-- ここから -->
<form action="http://form3.future-s.com/cgi/form3.cgi" method="post">
<p>
<input type="hidden" name="formid" value="あなたのID"> 
<input type="hidden" name="formsubject" value="受信したメールの件名">
<input type="hidden" name="formlog" value="1"> <!-- サーバーにログを残す -->
<input type="hidden" name="formreq" value="メッセージ"> <!-- メッセージを入力必須にする -->

<textarea name="メッセージ" rows="1" cols="40""></textarea>
<input type="checkbox" name="check1" value="公開OK">公開OK
<input type="submit" value="コメント送信">
</p>
</form>
<!-- ここまで -->

以上をコピーしてHTML文書に張り付けます。
あなたのID を、もらったIDに必ず変更してください。

Form mailer用サンプル7

サンプル2に名前を加えたものです。

※送信テストはできません

特徴
設定内容

ソース

<!-- ここから -->
<form action="http://form3.future-s.com/cgi/form3.cgi" method="post">
<p>
<input type="hidden" name="formid" value="あなたのID"> 
<input type="hidden" name="formsubject" value="受信したメールの件名">
<input type="hidden" name="formlog" value="1"> <!-- サーバーにログを残す -->
<input type="hidden" name="formreq" value="メッセージ"> <!-- メッセージを入力必須にする -->
<input type="hidden" name="formreq" value="名前"> <!-- 名前を入力必須にする -->

<label for="Name">名前</label>
<input type="text" name="名前" size="10" maxlength="50" id="Name">
<label for="message">メッセージ</label>
<textarea name="メッセージ" rows="1" cols="50" id="message"></textarea>
<input type="submit" value="送信">
</p>
</form>
<!-- ここまで -->

以上をコピーしてHTML文書に張り付けます。
あなたのID を、もらったIDに必ず変更してください。

補足

Form mailer用サンプル8

サンプル4にtableを使ったものです。

※送信テストはできません

ソース

<!-- ここから -->
<form action="http://form3.future-s.com/cgi/form3.cgi" method="post">
<table>
 <tr>
  <td><input type="hidden" name="formid" value="あなたのID"> 
      <input type="hidden" name="formsubject" value="受信したメールの件名">
      <input type="hidden" name="formlog" value="1"> <!-- サーバーにログを残す -->
      <input type="hidden" name="formreq" value="メッセージ"> <!-- メッセージを入力必須にする -->
      <input type="hidden" name="formreq" value="名前"> <!-- 名前を入力必須にする -->

      <label for="name">Name</label></td>
  <td><label for="message">Comments</label></td>
</tr>
<tr>
  <td><input type="text" name="名前" size="10" id="name"></td>
  <td><textarea name="メッセージ" rows="1" cols="50" id="message"></textarea>
<input type="submit" value="Post"></td>
</tr>
</table>
</form>
<!-- ここまで -->

以上をコピーしてHTML文書に張り付けます。
あなたのID を、もらったIDに必ず変更してください。

補足

Form mailer用サンプル9

件名をメニュー選択するサンプルです。(formsubjectはフォームメーラー専用コマンド)

件名: 内容:

Form mailer専用ソースサンプル


<!-- ここから -->
<form action="http://form3.future-s.com/cgi/form3.cgi" method="post">
<p>
<input type="hidden" name="formid" value="あなたのID"> 
<input type="hidden" name="formreq" value="内容"> <!-- 内容を入力必須に -->
件名:
<select name="formsubject">
<option value="メールフォーム:">お選び下さい▼</option>
<option value="メールフォーム:リンク切れ">リンク切れ</option>
<option value="メールフォーム:ご意見ご感想">ご意見ご感想</option>
<option value="メールフォーム:その他">その他</option>
</select>
内容:
<textarea name="内容" rows="1" cols="40"></textarea>
<input type="submit" value="送信">
</p>
</form>
<!-- ここまで -->

以上をコピーしてHTML文書に張り付けます。
あなたのID を、もらったIDに必ず変更してください。

補足

フォームメーラーの確認画面は件名がでませんので(07年09月現在)、管理用に件名を変えても大丈夫です。変えない場合は、<option>件名○○</option>で結構です。

<option>件名○○</option>見本

<select name="formsubject">
<option>お選び下さい▼</option>
<option>リンク切れ</option>
<option>ご意見ご感想</option>
<option>その他・分からない</option>
</select>

option要素の内容が件名として送信されます。

メール件名をラジオボタンで選択

(formsubjectはフォームメーラー専用コマンド)

件名を選び内容をご記入下さい。
ご意見・ご感想 リンク切れ その他

ソースサンプル

<form action="http://form3.future-s.com/cgi/form3.cgi" method="post">
<p>
<input type="hidden" name="formid" value="あなたのID"> 
<input type="hidden" name="formreq" value="内容"> <!-- 内容を入力必須に -->
件名を選び内容をご記入下さい。<br>
<input type="radio" name="formsubject" value="ご意見・ご感想">ご意見・ご感想
<input type="radio" name="formsubject" value="リンク切れ">リンク切れ
<input type="radio" name="formsubject" value="その他" checked>その他
<br>
<textarea name="内容" rows="1" cols="40"></textarea>
<input type="submit" value="送信">
</p>
</form>

以上をコピーしてHTML文書に張り付けます。
あなたのID を、もらったIDに必ず変更してください。

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

checkedの補足

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

checkedがなく送信者が件名を選ばない場合、MAIL from FORM MAILERという件名で送られます。

部品サンプル

○○ ×× □□

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

おまけ(説明なし)

文字クリックでボタンがチェックされます。

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

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

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

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

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

赤色の数字は半角です。どれか一つにcheckedを。checkedを使わない場合「MAIL from FORM MAILER(ver.*.0)」というデフォルトの件名で届くことがあります。

サンプル(説明なし)

送信テストはできません。

件名を選び内容をご記入下さい。

<form action="http://form3.future-s.com/cgi/form3.cgi" method="post">
<p>
<input type="hidden" name="formid" value="あなたのID"> 
<input type="hidden" name="formreq" value="内容"> <!-- 内容を入力必須に -->
件名を選び内容をご記入下さい。<br>
<input type="radio" name="formsubject" value="メール:ご意見・ご感想" id="opinion"><label for="opinion">ご意見・ご感想</label>
<input type="radio" name="formsubject" value="メール:リンク切れ" id="deadlink">
<label for="deadlink">リンク切れ</label>
<input type="radio" name="formsubject" value="メール:その他" id="other" checked> 
<label for="other">その他</label>
<br>
<textarea name="内容" rows="1" cols="40"></textarea>
<input type="submit" value="送信">
</p>
</form>

補足

サイズ変更

Form mailer用サンプル1より
<!-- ここから -->
1行目:<form action="http://form3.future-s.com/cgi/form3.cgi" method="post">
2行目:<p>
3行目:<input type="hidden" name="formid" value="あなたのID"> 
4行目:<input type="hidden" name="formsubject" value="受信したメールの件名">
5行目<input type="hidden" name="formreq" value="メッセージ"> <!-- メッセージを入力必須にする -->
6行目:<textarea name="メッセージ" rows="1" cols="40"></textarea>
7行目:<input type="submit" value="コメント送信">
8行目:</p>
9行目:</form>
<!-- ここまで -->

この項目は、上のソースを例に話しを進めます。行番号入りのため、コピーはForm mailer用サンプル1からお願いします。

メッセージ入力欄の幅を変えたい

6行目:<textarea name="メッセージ" rows="たて幅" cols="よこ幅"></textarea>
   例:<textarea name="メッセージ" rows="3" cols="10"></textarea>

6行目を変えます。たて幅 よこ幅に半角数字を入れてください。

送信ボタンの名前を変えたい

7行目:<input type="submit" value="ここを変える">
   例:<input type="submit" value=" 送 信 す る ">

7行目を変えます。ここを変えるに入力した任意の文字が、送信ボタンになります。

データの名前を変える

データの名前を変えると、送信確認画面とメールの項目名が変わります。

メッセージ=
こんにちは!頑張ってください!
↓
内容=
こんにちは!頑張ってください!

これは4行目のvalue="メッセージ"と、6行目のname="メッセージ"一緒に変えます。

5行目:<input type="hidden" name="formreq" value="メッセージ"> <!-- メッセージを入力必須にする -->
6行目:<textarea name="メッセージ" rows="1" cols="40"></textarea>

   例:<input type="hidden" name="formreq" value="内容"> <!-- 内容を入力必須にする -->
   例:<textarea name="内容" rows="1" cols="40"></textarea>

5行目のvalueと、6行目のnameで指定した文字が不一致だと送信できません。

ちなみにフォームメーラーでは、メール入力欄のname属性値をmail(半角)にすると、メーラーの宛先欄に相手が入力したアドレスを表示します。返信のとき宛先に相手のアドレスを入力する手間が省けて便利です。

例:<input type="text" name="mail" size="35">
このように、CGIによっては特定の項目名にすると、独自の機能が使える場合があります。

log.txtの表示例

メール送信内容を保存する設定にしたときの表示例です。

ブラウザから、http://form3.future-s.com/data/あなたのID(要変更)/log.txtにアクセスし、ユーザネームとパスワードを入力すると閲覧できます。

2005/05/05 05:55:55    こんにちは!頑張ってください!
2006/06/06 06:06:06    テスト

受信メール表示例

メッセージ=
こんにちは!頑張ってください!


---
Future Spirits FORM MAILER (Ver.*.00)
IP Address: **.000.**.000
Browser: 使用ブラウザ

「IDの指定が間違っています」と表示されたら

IDを誤入力しないよう、フォームメーラー登録完了メールに記載された半角英数字のIDをコピーしてください。

ここでは架空のID「012345678910」を例に、考えられるエラーの原因を挙げます。

正しい例

<input type="hidden" name="formid" value="012345678910"> 

誤った例

<input type="hidden" name="formid" value="あなたのID"> 

↑コピーしたソースのIDを変え忘れた。

<input type="hidden" name="formid" value=012345678910">

↑IDをコピー&張り付けしたとき、片方の " を消してしまった。

<input type="hidden" name="formid" value="012345678910 ">

↑余計なスペースが入っている。

<input type="hidden" name="formid" value="012345678910"> 

↑IDを全角で入力した。これは登録完了メールのIDをコピーすることで防げます。

<input type="hidden" name="formreq" value="012345678910"> 

↑nameの指定を間違えている。正しくはname="formid"です。formreqは入力必須の設定に使うコマンドです。これはソースをそのままコピーすることで防げます。

<input type="hidden" name="formid" value="0123
45678910"> 

↑タグを改行した。コピーした覚えのない文字が紛れている。ホームページ作成ソフトの設定により、ソースが自動補正される場合があるようです。

その他、コピーするソースを間違えた。必ずフォームメーラー用のソースをコピーしてください。