お知らせ

作って覚えるPHP+MySQLアプリケーション 2008年6月24日

作って覚えるPHP+MySQLアプリケーション」が発売されました。
PHP+MySQL+Smartyを使って、ブログ/ショッピングサイト/マッシュアップの3つのWebアプリケーションを作る方法を解説しています。

他にも多数書籍を執筆しています。
こちらもぜひご覧ください。

メールフォームプラグインV1.20(その3・基本的なメールフォームのテンプレート)

| コメント(4) | トラックバック(0)

2007年1月27日
メールフォームプラグインにクロスサイトスクリプティングの脆弱性等の不具合が見つかりました。申し訳ありません。
こちらのエントリーをご参照の上、最新版にアップデートしてください。

昨日はメールフォームのサンプルを紹介しましたが、メールフォームの作りを変えたり、MT標準/小粋空間以外のテンプレートセットでメールフォームを使ったりしたい方もいらっしゃると思います。
そこで、メールフォーム関連のテンプレートを作成する手順を解説します。
今日は、基本的なメールフォーム(送信者名/件名/メールアドレス/本文のみ)の作り方を解説します。

1.インデックステンプレートを新規作成する

メールフォームのテンプレートは、インデックステンプレートとして作ります。
インデックステンプレートを新規作成し、テンプレート名と出力ファイル名をつけます。これらの名前の決め方には、特に決まりはありません。

2.メール送信フォームの作成

メール送信フォームは、HTMLのformタグを使って作ります。
formタグの書き方は以下のようになります。

<form method="post" action="<$MTCGIPath$>plugins/MailForm/mt-mail-form.cgi">

送信者名/送信者のメールアドレス/件名はinputタグ、本文はtextareaタグで作ります。
また、「送信」と「確認」の2つのボタンも作ります。これらもinputタグで作ります。
inputタグとtextareaタグは、name属性を指定する必要があります。属性のつけ方は以下の表の通りです。

項目name属性
送信者名mail_author
メールアドレスmail_email
件名mail_subject
本文mail_body
送信ボタンmail_post
確認ボタンmail_preview

さらに、メールフォームの部分には、以下のタグも入れます。

<input type="hidden" name="mail_blog_id" id="mail_blog_id" value="<$MTBlogID$>" />

3.メールフォームのタグの組み合わせ例

メールフォーム部分のタグの組み合わせ例は、以下のようになります。

<form method="post" action="<$MTCGIPath$>plugins/MailForm/mt-mail-form.cgi">
<p>お名前<br /><input type="text" size="30" name="mail_author" /></p>
<p>メールアドレス<br /><input type="text" size="30" name="mail_email" /></p>
<p>タイトル<br /><input type="text" size="30" name="mail_subject" /></p>
<p>本文<br /><textarea rows="10" cols="50" name="mail_text"></textarea></p>
<input type="submit" name="mail_preview" value="確認" />
<input type="submit" name="mail_post" value="送信" />
<input type="hidden" name="mail_blog_id" value="<$MTBlogID$>" />
</form>

4.前後のエントリー

メールフォームプラグインは解説が長いので、エントリーを複数に分けています。
前後のエントリーは以下のリンクで参照することができます。

前のエントリー(その2・サンプルメールフォーム)
次のエントリー(その4・送信前確認等のテンプレート)

また、サイドバーの「関連するエントリー」の箇所に、メールフォーム関連のエントリーの一覧が表示されていますので、そちらもご利用ください。

トラックバック(0)

トラックバックURL: http://www.h-fj.com/mt/mt-tb.cgi/794.

コメント(スレッド4件,コメント4件)

コメントはスレッド表示になっています。
また、スレッドの先頭のコメントに対する返信には、先頭に矢印を表示しています。

No.1 コザキ : (無題)

はじめまして、コザキと申します。
MovableTypeを最近使いはじめ、こちらのサイトと「最強のブログサイト」本から、たくさんカスタマイズの手法を勉強させていただきました。ありがとうございます。
こちらからリンクを貼らさせていただいてもよろしいでしょうか?
今後も毎日のように寄らせていただきますので、よろしくお願いします。

No.2  Author Profile Page: (無題)

>コザキさん
こんにちは。
当Blogをご訪問いただき、ありがとうございます。リンクも大歓迎です。
今後もよろしくお願いします。

No.3 imo787 : (無題)

こんにちわ。
本、サイトと両方で、いつも参考にさせていただいてます。

さっそく質問で恐縮なのですが、
メールフォームに、メールアドレスの入力フォームを作り、さらに確認のため、もう一度メールアドレスを入力させたいと思っています。
2つのアドレスが違えばエラーメッセージがでるようなタイプにしたいと考えていますが、どのように記述すればよいか、ご教授いただけますでしょうか?
よろしくお願いします。

No.4  Author Profile Page: (無題)

>imo787さん
こんにちは。

申し訳ありませんが、このプラグインには、ご希望のようなことを行う機能はありません。
JavaScriptでチェックを行うようにしてください。

コメントする