メールフォームを作る

HOME > FrontPage Express > メールフォームを作る


このメールフォームは、送信者のメールソフト(アウトルックなど)を起動して送信しますので、相手の条件によってはうまく送信できない場合もあります

←これらのボタンを使います。

サンプル↓siriasu_website@hotmail.comに送信します。

アドレス
名前  
感想 

■ 1行テキストボックスの挿入

←まずはこのボタンを押してください。
この「1行テキストボックス」は、送信者の名前やメールアドレスを求めるのに使います

←このように「1行テキストボックス」が出てきます

1行テキストボックスがでたら、横に「アドレス」と書いて下さい。そしてもう一度ボタンを押して「名前」と書きましょう。(改行やスペースでそろえてもいいです)

↓このようになりましたか?

同じ点線の中に挿入してください。この点線の中が1つの「フォーム」になります
このフォームは同じグループ扱いになります

■ 1行テキストボックスの設定

↓1行テキストボックスをダブルクリックしたら、このような画面がでます

名前(N)の欄は、メールアドレスを書く場合は「メールアドレス」と記入
名前を書く場合は「名前」などと送信者に入力して欲しい文字を書きます

初期値(V)は、最初に文字を入れておきたい場合に使います(URLを書く場合など)
例)→

文字の長さ(W)はテキストボックスの長さです
数字を大きくしたらこうなります→

パスワードフィールドは「いいえ(O)」のままでいいです
設定ができたら「OK」をクリックで完了です

■ スクロールテキストボックス

←このボタンを押します(これも同じ点線の中に挿入)
←このようになりますね

スクロールテキストボックスがでたら、ボックスの横か上に「感想」と書きましょう。これは長い文章などを書く時に使います

■ スクロールテキストボックスの設定

↓スクロールテキストボックスをダブルクリックしたらこの画面がでます

名前(N)は感想と書いて下さい(本文などでもいいです)

初期値(V)はなにも書かなくていいです

文字の長さ(W)と行数(L)で、テキストボックスの大きさを指定できます

設定ができたら「OK」をクリックで完了です

■ ボタンの挿入

←を押します(これも同じ点線の中に挿入)

←がでます
リセットボタンもつけたいので、もう一回押して下さい

←2個になったらどちらか片方を「ダブルクリック」して下さい

↓このような画面が出ますね。

送信ボタンは「送信(S)」のまま
リセットにしたいほうを「リセット(R)」にしてから、「OK」をクリックしましょう

←このようになればOKです

名前(N)のところは、空白でいいです。
値/ラベル(V)は、ボタンに表示される文字です。

■ フォームの設定

ここまでの作業で出したテキストボックスや、ボタンなどは同じ点線の中に入っていますね?
うまくできていたら、このようになっているはずです(配置は異なってるかも・・・)



■ フォームの設定
今までの作業は、テキストボックスやボタンをつけただけなので、これからメールフォームを設定します

フォーム(点線)の中で右クリックして、「フォームのプロパティ」をクリックしましょう


このような画面(フォームのプロパティ)がでます↓


フォーム名(F)にmail(任意)と書いてから「設定(S)」をクリックしましょう。
他はそのままでいいです


「設定(S)」をクリックしてこの画面がでたら
アクション(A)に「mailto: メールアドレス」と書きます
メソッド(D)はそのままでいいです
エンコードの種類(T)に「text/plain」と書いて下さい

書けたら「OK」をクリックして、もう1つの画面(フォームのプロパティ)も「OK」をクリックしてください

■これでメールフォームができています。保存してからブラウザで確認してみましょう


[HOME]