サルでもわかる？かんたんHTML トップページ
>>> ＃８．フォーム
>>> フォームって何？
「今回から、フォームについて勉強するぞぃ。」
このHPでも 相互リンクについて で使っておるな。」
「お問い合わせフォーム、とかでよく見ますね。
これってメールが送れるんでしょう？
だったら メールを送るためのリンク でもできますよね？」
「そうじゃな。
メールを送るだけ、と考えるとどちらも同じじゃが
フォールのようにあらかじめ書き込むことが決まっておる方が
送る方も受け取る方も楽かもしれんのぅ。」
「なるほど・・・。掲示板もこれで作れるんですか？」
「ふむ、確かに掲示板もこんなフォームの形をしておるがの、
実際に掲示板として使うためには
これまたHTMLの知識だけではできないんじゃ。
CGI という知識が必要になってくるぞぃ。」
「そっか〜、HTMLだけじゃ無理なのか〜・・・。」
「CGIについてはわしもまだまだ勉強が足らんのでな。
のちのち公開することにしよう。」
「はぁい☆」
「ではタグを少しずつ紹介していくぞぃ。
今回はフォームの一番基本的なタグじゃ。」
フォームの範囲を指定するタグ
-----------------------------------------------------------------
<FORM> 〜 </FORM> ： 〜の範囲にフォームを表示する。
action="mailto:■" ： ■宛にフォームの内容を送信する。
（■にはメールアドレスを入れる）
method="post" ： フォームの内容を電子メールで送信する。
enctype="text/plain" ： フォームの内容をテキスト形式で送信する。
-----------------------------------------------------------------
「うわぁ･･･。ややこしそうですね･･･。」
「そうじゃな。初めて見るタグばかりじゃのぅ。
今回のタグ、は入力欄や送信ボタンなどを作るのではなくて
<FORM>〜</FORM> で囲まれた部分がフォームである
ということを指定しておるだけなんじゃよ。
このタグだけ使っても、ブラウザには何も表示されないぞぃ。」
「なるほど。表を作るタグでいうと
<TABLE>〜</TABLE> にあたる部分ってことですね？」
「うむ。そして表のタグと違うところは
<FORM>〜</FORM> の開始タグの中に
action="mailto:■",method="post",enctype="text/plain"
を入れないと、全く使い物にならん、ということじゃ。」
「なるほど。
今回のタグ全部で1セットになってるんですね。」
「そう。
action="mailto:■",method="post",enctype="text/plain"
はそれぞれ
フォームの内容を誰に送るか
どんな方法で送るか（ex.電子メール）
どんな形で送るか（ex.テキスト形式）
を指定しているんじゃ。」
「ふむふむ。」
「この属性値の部分（"mailto:■","post","text/plain" の部分）は
もちろん他にもあるんじゃが
それはさっき言ったCGIの知識が必要になってくるんでのぅ。
これからは
フォームの内容をテキスト形式で電子メールで送信する
ということを前提に説明していくぞぃ。」
「は〜い☆」
「では、フォームのタグを勉強するにあたっての注意点じゃが、
使っているメールソフトやブラウザの種類によっては
うまく機能しないことがあるんじゃ。
（ネットスケープナビゲーション6では機能しないぞぃ）
確実に送信したいならCGIというのを使うんじゃが、ちと難しいのでな。
無料でレンタルできるフォームもいろいろ出ておるから
それを使ってみる、というのもひとつの手じゃ。」
「わかりました。」
「よし。それでは次回からいよいよ
フォームで使うパーツを少しずつ勉強していくぞぃ。
これから出てくるタグはすべて
<FORM action="mailto:■" method="post"
enctype="text/plain">〜</FORM>
の間に入れて使うぞぃ。」
↑ページのTOPへ
サルでもわかる？かんたんHTML トップページ >>> ＃８．フォーム >>> フォームって何？
「今回から、フォームについて勉強するぞぃ。」| サンプル |
|
|
「こういうのをいろんなHPで見たことあるじゃろぅ？このHPでも 相互リンクについて で使っておるな。」
「お問い合わせフォーム、とかでよく見ますね。これってメールが送れるんでしょう？
だったら メールを送るためのリンク でもできますよね？」
「そうじゃな。メールを送るだけ、と考えるとどちらも同じじゃが
フォールのようにあらかじめ書き込むことが決まっておる方が
送る方も受け取る方も楽かもしれんのぅ。」
「なるほど・・・。掲示板もこれで作れるんですか？」
「ふむ、確かに掲示板もこんなフォームの形をしておるがの、実際に掲示板として使うためには
これまたHTMLの知識だけではできないんじゃ。
CGI という知識が必要になってくるぞぃ。」
「そっか〜、HTMLだけじゃ無理なのか〜・・・。」
「CGIについてはわしもまだまだ勉強が足らんのでな。のちのち公開することにしよう。」
「はぁい☆」
「ではタグを少しずつ紹介していくぞぃ。今回はフォームの一番基本的なタグじゃ。」
フォームの範囲を指定するタグ
-----------------------------------------------------------------
<FORM> 〜 </FORM> ： 〜の範囲にフォームを表示する。
action="mailto:■" ： ■宛にフォームの内容を送信する。
（■にはメールアドレスを入れる）
method="post" ： フォームの内容を電子メールで送信する。
enctype="text/plain" ： フォームの内容をテキスト形式で送信する。
-----------------------------------------------------------------
「うわぁ･･･。ややこしそうですね･･･。」
「そうじゃな。初めて見るタグばかりじゃのぅ。今回のタグ、は入力欄や送信ボタンなどを作るのではなくて
<FORM>〜</FORM> で囲まれた部分がフォームである
ということを指定しておるだけなんじゃよ。
このタグだけ使っても、ブラウザには何も表示されないぞぃ。」
「なるほど。表を作るタグでいうと<TABLE>〜</TABLE> にあたる部分ってことですね？」
「うむ。そして表のタグと違うところは<FORM>〜</FORM> の開始タグの中に
action="mailto:■",method="post",enctype="text/plain"
を入れないと、全く使い物にならん、ということじゃ。」
「なるほど。今回のタグ全部で1セットになってるんですね。」
「そう。action="mailto:■",method="post",enctype="text/plain"
はそれぞれ
フォームの内容を誰に送るか
どんな方法で送るか（ex.電子メール）
どんな形で送るか（ex.テキスト形式）
を指定しているんじゃ。」
「ふむふむ。」
「この属性値の部分（"mailto:■","post","text/plain" の部分）はもちろん他にもあるんじゃが
それはさっき言ったCGIの知識が必要になってくるんでのぅ。
これからは
フォームの内容をテキスト形式で電子メールで送信する
ということを前提に説明していくぞぃ。」
「は〜い☆」
「では、フォームのタグを勉強するにあたっての注意点じゃが、使っているメールソフトやブラウザの種類によっては
うまく機能しないことがあるんじゃ。
（ネットスケープナビゲーション6では機能しないぞぃ）
確実に送信したいならCGIというのを使うんじゃが、ちと難しいのでな。
無料でレンタルできるフォームもいろいろ出ておるから
それを使ってみる、というのもひとつの手じゃ。」
「わかりました。」
「よし。それでは次回からいよいよフォームで使うパーツを少しずつ勉強していくぞぃ。
これから出てくるタグはすべて
<FORM action="mailto:■" method="post"
enctype="text/plain">〜</FORM>
の間に入れて使うぞぃ。」
↑ページのTOPへ
|
リストを階層化しよう <<< 前のページへ戻る |
送信・リセットボタンを作ろう 次のページへ進む >>> |
サルでもわかる？かんたんHTML トップページ >>> ＃８．フォーム >>> フォームって何？
