ホームページビルダー［HPB_Maniax］

処理

ブラウザのメール送受信機能を利用したメールフォームです。

ブラウザによっては起動しないものもありますので各自ご確認ください。

挿入-フォームと入力部品から各部品を挿入してレイアウトを完成させます。 送信ボタンを挿入する事を忘れないでください。

次に各部品の属性を指定します。

1行テキスト領域を例とすると1行テキスト領域を選択し編集-属性の変更で属性ダイアログの1行テキスト領域の「名前」に任意のNAME属性を記述します。

この属性は送信されるメール本文に挿入されます。（例：name="お名前"とした場合はメール本文にお名前=と挿入されます。）

同じタブでカラム数で領域の幅、最大入力文字数で入力できる文字数、初期値で初めから入力されている文字を指定します。

その他タブではアクセスキー・ショートカットキー、タブ移動順序でタブキーを利用した時にフォーカスされる順序を指定します。

一通り属性の指定が終わったら属性変更ボタンがFORMである事を確認し編集-属性の変更-属性ダイアログ

フォームタブのフォームハンドラの「アクション」にmailto:***@***.com（自身のメールアドレス）メソッドはPost、エンコードの種類はtext/plainを指定し、 その後隠しフィールドタブの名前と値を記述します。ここは主にフォームのタイトルなどを記入します。

メールに件名を入れる場合はmailto:***@***.comの後に?subject=件名を記述してください。

要素・属性

<form action="mailto:***@*****.net?subject=サンプルフォーム" enctype="text/plain" name="sample" method="POST">
<div>
<h2>お名前</h2>
<input size="20" type="text" name="お名前" tabindex="1">
</div>
<div>
<h2>メールアドレス</h2>
<input size="20" type="text" name="アドレス" tabindex="2">
</div>
<div>
<h2>件名</h2>
<input size="20" type="text" name="件名" tabindex="3">
</div>
<div>
<h2>内容</h2>
<textarea rows="2" cols="20" name="内容" tabindex="4"></textarea>
</div>
<div><input type="submit" value="送信"></div>
</form>

サンプル

サンプルメールフォーム

関連ページ

メールアドレスをクリックした時に件名・内容を入れたい

フォームボタン（送信ボタン）を画像にする