●メールを募集しよう
 ●自動的にメールソフトが立ち上がる!
 ●アンケートを募集しよう


 


そうそう、見に来た人の感想を聞きたいな。どうやったらいいかな?
 
 
普通にメールを送ってもらう方法と、フォームに記入して画面上から送信してもらう方法があるよ。
 

ームページを開設したら、見に来てくれた人の反応が気になるところです。簡単に感想を聞くには、自分のメールアドレスを記入して感想を送ってもらう方法がありますが、いちいちメールソフトを立ちあげなくても簡単にメールが送れたら便利ですよね。また、人それぞれ感想もまちまちでしょうから、自分が設定した項目にアンケート形式で答えてもらうのも、記入する側としても負担がなくて良い方法です。





 


メールが欲しい場合は、ページにメールアドレス書いとけばいいかな?
 
 
うん、まあそれでももちろんいいんだけど、もっと親切な方法があるよ。リンクされた所をクリックするだけで、自動的にメールソフトがたちあがって、あとは送るだけなんだよ。
 
へ〜!便利!
 
 

グはとっても簡単です。のタグを使います。使用方法は、ページをリンクをさせたときと全く同じです。リンク先の指定を「mailto:送りたいメールアドレス」にするだけです。

<a href="mailto:****@***.***.ne.jp">サービスのお問い合せはこちら</a>

 
(上のタグを表示させると・・・↓クリックしてみよう)

サービスのお問い合せはこちら

これで文字をクリックしてごらん?
 
 
あ、ほんとだ、メールソフトが勝手に立ち上がった。
 
 
しかも、「宛先」にはちゃんと指定されたメールアドレスが入ってるでしょ?
 
 
ホントだ!これなら、感想を書いて送信するだけで、間違えることもないね!
 
 




 


メールも便利だけど、私はみんなに聞いてみたいことがあるの。「ペット自慢」とか「おすすめのマンガ」とか。
 
それなら「フォーム」が便利だよ。
 
 
フォーム」?
 
 
うん。ホームページ上に、テキストを記入したり、項目を選択したりできるスペースを設けて、記入後、「送信」ボタンを押すだけで相手にメールが送れる機能のことだよ。
 
あ、もしかして、ホームページサービスに加入するとき「メールアドレス」とか「ユーザーパス名」とかを記入した、あれ?
 
そうそう!よく覚えてるね。
 
 

ンケートを取る場合は、<form>〜</form>という「フォームタグ」を使います。「フォーム」は「CGIプログラム」という特別な機能を使って送信します。このプログラムは自分で作ることもできますが、とても難しく、あまり知識のない人が使用するとサーバ全体に負担がかかり、他のユーザーに迷惑をかけてしまう可能性があるため、SpinNetでは当サービスのユーザーだけが使える、誰にでも簡単な「CGIプログラム」をご用意しました。このプログラムは、説明にしたがってコピー&ペーストして、内容を変更していただくだけで、簡単に「フォーム」が作れるものです。

ず、アンケートの入力画面を作ります。基本はこのタグです。入力フォームを設置する部分に次の例のように追加するだけでOKです。

<form action="/cgi-bin/form/getmail.pl" method="post">
<input type="hidden" name="reply" value="/完了画面ファイル名">
<input type="hidden" name="subject" value="メール件名">

メッセージ1 <input type="text" name="項目名1"><br>
メッセージ2 <input type="text" name="項目名2"><br>
<input type="submit" value="送信">
</form>

 
メッセージ1
メッセージ2

 

に上記タグ内の<form>から</form>の間に入力する項目をつくります。

了画面ファイル名にはこのフォームから送信した時に表示されるHTMLファイルを指定します。必ず前に「/」をつけます。

ール件名には自分にメールが届いた時の件名を指定します。

れ以下は自由に設定できます。「メッセージ」の部分を自分の好きな項目に直し、「項目名」を指定するだけでもOKですが、これから紹介するタグを使ってオリジナルのフォームを作ってみましょう。

フォーム」で使う記入欄や選択用のボタンなどのタグは以下のとおりです。

<form>
テキストフィールド(シングルライン) お名前 <br>
<input type="text" name="名前" size="50" maxlength="100">
<br>
<br>
テキストフィールド(マルチライン) ご感想 <br>
<textarea name="ご感想" cols="30" rows="10"></textarea>
<br>
<br>
チェックボックス(複数選択可) このページは? <br>
<input type="checkbox" name="このページは?" value="おもしろい" checked>
おもしろい
<input type="checkbox" name="このページは?" value="つまらない">
つまらない
<input type="checkbox" name="このページは?" value="わかりやすい">
わかりやすい
<input type="checkbox" name="このページは?" value="わかりにくい">
わかりにくい <br>
<br>
ラジオボタン(複数選択不可) ペットを飼ってる? <br>
<input type="radio" name="ペット" value="はい" checked>
はい 
<input type="radio" name="ペット" value="いいえ">
いいえ<br><br>
<input type="submit" name="submit" value="送信">
<input type="reset" name="submit2" value="リセット">
</form>

 
(上のタグを表示させると・・・)

テキストフィールド(シングルライン) お名前


テキストフィールド(マルチライン) ご感想


チェックボックス(複数選択可) このページは?
おもしろい つまらない わかりやすい わかりにくい

ラジオボタン(複数選択不可) ペットを飼ってる?
はい  いいえ
 

キストフィールド(シングルライン)は主に、「氏名・メールアドレス・URL」などの記入欄に、 テキストフィールド(マルチライン)は主に、「感想・意見」など長い文章の記入欄に、 チェックボックス(複数選択可)は主に、複数選択してもらう項目用に、 ラジオボタン(複数選択不可)は主に、ひとつしか選択できない「男女別、年齢」などの項目用に用いられます。 送信ボタンとリセットボタンは送信時、リセット時に押すボタンです。

キストフィールド(シングルライン)には 「size=""」(幅)、「 maxlength=""」(最大文字数)を指定します。 「name=」はその項目のタイトルになるので、必ず記入します。

キストフィールド(マルチライン)には「cols=""」(幅)、「 rows=""」(行数)を指定します。「name=」はその項目のタイトルになるので、必ず記入します。

ェックボックスには「value=""」(チェックした場合の項目)を忘れずに記入します。「name=」は同じ質問の名前を付けます。初めにチェックしてあるチェックボックスのタグにはcheckedを記入します。

ジオボタンには「value="" 」(チェックした場合の項目)を忘れずに記入し、初めにチェックしてある方のボタンのタグにはcheckedを記入します。「name=」は同じ質問の名前を付けます。

信ボタンとリセットボタンはこのまま使用してください。


うーん。これでどうかな?
 
  

<html>
<head>
<title>
アンケート入力画面</title>
</head>
<body bgcolor="#FFCCCC">
<center>
<br>
<br>
<font size="5" color="#FFFF00"><b>
★アンケートに答えてね!★</b></font> <br>
<br>
<form action="/cgi-bin/form/getmail.pl" method="post" name="アンケート">
<p><font color="#FFFFFF">
<input type="hidden" name="reply" value="/完了画面ファイル名">
<input type="hidden" name="subject" value="メール件名">

<br>
</font>
お名前
<input type="text" name="名前" size="30" maxlength="100">
<br>
<br>
メールアドレス
<input type="text" name="メール" size="30" maxlength="100">
<br>
<br>
ご感想
<textarea name="ご感想" cols="30" rows="10"></textarea>
<br>
<br>
このページは?
<input type="checkbox" name="このページは?" value="おもしろい" checked>
おもしろい
<input type="checkbox" name="このページは?" value="つまらない">
つまらない
<input type="checkbox" name="このページは?" value="わかりやすい">
わかりやすい
<input type="checkbox" name="このページは?" value="わかりにくい">
わかりにくい <br>
<br>
ペットを飼ってる?
<input type="radio" name="ペット" value="はい" checked>
はい 
<input type="radio" name="ペット" value="いいえ">
いいえ <br>
<input type="submit" name="submit" value="送信">
<input type="reset" name="submit2" value="リセット">

</form>
<br>
</center>
</body>
</html>

※よくわからない人は5.いよいよ作ってみようの時と同じ要領で、上のノリコの書いたHTMLをコピーして「ワープロソフト」にペーストし、内容を自分に合わせて書き換えてみましょう。 わかってきた人は、ノリコの例を参考に、自分でHTMLを打ってみましょう。
 
(上のタグを表示させると・・・↓クリックしてみよう)



できたら、ちゃんと送信されるかどうかテストしてみてね。
  
 

 


COPYRIGHT