はじめに
これまで，
メールフォームの歴史は非常に長いため，
FormITのインストール
もはや解説の必要も無いかもしれませんが，
FormITスニペットを導入すると，
図1 インストールされるスニペット群
余談ですが，
FormITとリソースの関係
以前SimpleSearchスニペットを導入した際に，
- メールフォーム自体のリソース
（なかみつ園で言えば，http:// www. nakamitsuen. com/ form. html） - 問い合わせメールのテンプレートとなるリソース
（チャンク）
では，
メールフォームリソースの作成
ここでは，
表1 メールフォーム用リソースの作成
| タイトル | お問い合わせ |
|---|---|
| エイリアス | form |
| 公開する | チェック |
| リソースコンテンツ | リスト1の内容 |
リスト1 メールフォーム用リソース
[[!FormIt?
&hooks=`email`
&emailTpl=`formit_mailbody`
&emailSubject=`【お茶のなかみつ園】お問い合わせありがとうございます`
&emailTo=`user@example.com`
&emailToName=`お茶のなかみつ園`
&validate=`name:required,
email:email:required,
message:required`
&successMessage=`<p>お問い合わせを受け付けました。</p>`
]]
<p>
<div class="success" style="color: #ff0000">[[!+fi.successMessage]]</div>
</p>
<form class="form" action="[[~[[*id]]]]" method="post">
<table id="contactform">
<tbody>
<tr>
<th>お名前<span style="color: #ff2222;">*</span></th>
<td><input id="name" name="name" type="text" value="[[!+fi.name]]" /><br /><span class="error">[[!+fi.error.name]]</span>
</td>
</tr>
<tr>
<th>メールアドレス<span style="color: #ff2222;">*</span></th>
<td><input id="email" name="email" type="text" value="[[!+fi.email]]" /><br /><span class="error">[[!+fi.error.email]]</span></td>
</tr>
<tr>
<th>問い合わせ内容<span style="color: #ff2222;">*</span></th>
<td><textarea id="message" cols="35" rows="7" name="message">[[!+fi.message]]</textarea><br /><span class="error">[[!+fi.error.message]]</span></td>
</tr>
<tr>
<th><br /></th>
<td><input id="submit" name="submit" type="submit" value="送信" /></td>
</tr>
</tbody>
</table>
</form>
※ 送信先メールアドレスの部分は適宜変更してください。
次に，
リスト2 formit_
==============================================================<br />
※ 本メールは自動送信です。返信することは出来ません。<br />
==============================================================<br />
<br />
下記のお問い合わせを受け付けました。通常，２営業日以内にご連絡<br />
いたします。お急ぎの場合は，お手数ですがお電話にてお問い合わせ<br />
下さい。<br />
<br />
--------------------------------------------------------------<br />
お問い合わせ内容<br />
--------------------------------------------------------------<br />
<br />
お名前： [[+name]] 様<br />
メールアドレス： [[+email]]<br />
<br />
お問い合わせ内容：<br />
[[+message]]<br />
以上のようにリソースとチャンクを作成した結果，
図2 問い合わせページの様子
一方で，
リスト3 送信されてくるメールの内容
==============================================================
※ 本メールは自動送信です。返信することは出来ません。
==============================================================
下記のお問い合わせを受け付けました。通常，２営業日以内にご連絡
いたします。お急ぎの場合は，お手数ですがお電話にてお問い合わせ
下さい。
--------------------------------------------------------------
お問い合わせ内容
--------------------------------------------------------------
お名前： テスト 様
メールアドレス： foo@example.com
お問い合わせ内容：
問い合わせのテスト
現時点では，
