そうそう、見に来た人の感想を聞きたいな。どうやったらいいかな? |
|
普通にメールを送ってもらう方法と、フォームに記入して画面上から送信してもらう方法があるよ。 |
ホームページを開設したら、見に来てくれた人の反応が気になるところです。簡単に感想を聞くには、自分のメールアドレスを記入して感想を送ってもらう方法がありますが、いちいちメールソフトを立ちあげなくても簡単にメールが送れたら便利ですよね。また、人それぞれ感想もまちまちでしょうから、自分が設定した項目にアンケート形式で答えてもらうのも、記入する側としても負担がなくて良い方法です。 |
メールが欲しい場合は、ページにメールアドレス書いとけばいいかな? |
|
うん、まあそれでももちろんいいんだけど、もっと親切な方法があるよ。リンクされた所をクリックするだけで、自動的にメールソフトがたちあがって、あとは送るだけなんだよ。 |
|
へ〜!便利! |
タグはとっても簡単です。のタグを使います。使用方法は、ページをリンクをさせたときと全く同じです。リンク先の指定を「mailto:送りたいメールアドレス」にするだけです。 |
<a href="mailto:****@***.***.ne.jp">サービスのお問い合せはこちら</a> |
これで文字をクリックしてごらん? |
|
あ、ほんとだ、メールソフトが勝手に立ち上がった。 |
|
しかも、「宛先」にはちゃんと指定されたメールアドレスが入ってるでしょ? |
|
ホントだ!これなら、感想を書いて送信するだけで、間違えることもないね! |
メールも便利だけど、私はみんなに聞いてみたいことがあるの。「ペット自慢」とか「おすすめのマンガ」とか。 |
|
それなら「フォーム」が便利だよ。 |
|
「フォーム」? |
|
うん。ホームページ上に、テキストを記入したり、項目を選択したりできるスペースを設けて、記入後、「送信」ボタンを押すだけで相手にメールが送れる機能のことだよ。 |
|
あ、もしかして、ホームページサービスに加入するとき「メールアドレス」とか「ユーザーパス名」とかを記入した、あれ? |
|
そうそう!よく覚えてるね。 |
アンケートを取る場合は、<form>〜</form>という「フォームタグ」を使います。「フォーム」は「CGIプログラム」という特別な機能を使って送信します。このプログラムは自分で作ることもできますが、とても難しく、あまり知識のない人が使用するとサーバ全体に負担がかかり、他のユーザーに迷惑をかけてしまう可能性があるため、SpinNetでは当サービスのユーザーだけが使える、誰にでも簡単な「CGIプログラム」をご用意しました。このプログラムは、説明にしたがってコピー&ペーストして、内容を変更していただくだけで、簡単に「フォーム」が作れるものです。 まず、アンケートの入力画面を作ります。基本はこのタグです。入力フォームを設置する部分に次の例のように追加するだけでOKです。 |
<form action="/cgi-bin/form/getmail.pl"
method="post"> |
次に上記タグ内の<form>から</form>の間に入力する項目をつくります。 完了画面ファイル名にはこのフォームから送信した時に表示されるHTMLファイルを指定します。必ず前に「/」をつけます。 メール件名には自分にメールが届いた時の件名を指定します。 それ以下は自由に設定できます。「メッセージ」の部分を自分の好きな項目に直し、「項目名」を指定するだけでもOKですが、これから紹介するタグを使ってオリジナルのフォームを作ってみましょう。 「フォーム」で使う記入欄や選択用のボタンなどのタグは以下のとおりです。 |
<form> |
テキストフィールド(シングルライン)は主に、「氏名・メールアドレス・URL」などの記入欄に、 テキストフィールド(マルチライン)は主に、「感想・意見」など長い文章の記入欄に、 チェックボックス(複数選択可)は主に、複数選択してもらう項目用に、 ラジオボタン(複数選択不可)は主に、ひとつしか選択できない「男女別、年齢」などの項目用に用いられます。 送信ボタンとリセットボタンは送信時、リセット時に押すボタンです。 テキストフィールド(シングルライン)には 「size=""」(幅)、「 maxlength=""」(最大文字数)を指定します。 「name=」はその項目のタイトルになるので、必ず記入します。 テキストフィールド(マルチライン)には「cols=""」(幅)、「 rows=""」(行数)を指定します。「name=」はその項目のタイトルになるので、必ず記入します。 チェックボックスには「value=""」(チェックした場合の項目)を忘れずに記入します。「name=」は同じ質問の名前を付けます。初めにチェックしてあるチェックボックスのタグには「checked」を記入します。 ラジオボタンには「value="" 」(チェックした場合の項目)を忘れずに記入し、初めにチェックしてある方のボタンのタグには「checked」を記入します。「name=」は同じ質問の名前を付けます。 送信ボタンとリセットボタンはこのまま使用してください。 |
うーん。これでどうかな? |
<html> |
※よくわからない人は「5.いよいよ作ってみよう」の時と同じ要領で、上のノリコの書いたHTMLをコピーして「ワープロソフト」にペーストし、内容を自分に合わせて書き換えてみましょう。 わかってきた人は、ノリコの例を参考に、自分でHTMLを打ってみましょう。 |
できたら、ちゃんと送信されるかどうかテストしてみてね。 |