TOPページ >  フォームを作成する > フォームを作成する

フォームを作成する

ホームページやブログなどのウェブサイトから、INPUT、SELECT、TEXTAREA などのフォーム要素に入力されたデータを CGI スクリプトにデータを渡したり、メールでデータを送信したりするためのフォームを作成します

<form action="送信先" method="送信方法">
フォーム要素
</form>
  1. 送信先:送信先の CGIプログラムの URLや、メールアドレスを指定します。メールアドレスを指定すると直接送信されますが、日本語は文字がそのままでは読めない状態で送信されます。プロバイダによっては、日本語に復元してメール送信する CGIが用意されています。

    また、お使いのメーラーによっては警告メッセージが表示され、上手く送信されない場合があります。

例1. cgiスクリプトにデータを送信する場合
<form action="/cgi-bin/test.cgi" method="post"></form>
例2.メールアドレスにデータを送信する場合
<form action="mailto:appelle@appelle.jp" method="post"></form>
  1. 送信方法:送信形式を、『 get 』または『 post 』のいずれかで指定します。『 get 』では 255バイトまでしか送信できません。通常は、『 post 』を指定します。
  2. フォーム要素:フォームを構成する要素を指定します。<input>タグや<textarea>タグによるテキスト入力欄やボタン、<select>タグによる選択メニューなどを入れることができます。

サンプルです。

テストのフォーム
このソースは、次のようになります。
テストのフォーム<br>
<form action="mailto:appelle@appelle.jp" method="post">
<input type="text" value="test" name="sample">
<input type="submit" value="送信">
</form>

このサンプルでは、デフォルトの状態で送信ボタンを押すと、『 appelle@appelle.jp 』というメールアドレスに、

sample=test

というデータが送信されます。

ランキングに参加中です! お役に立てたらクリックをお願いします→

同一カテゴリ内一覧
JavaScriptを使ってクッキングタイマーを作る
隠し項目を作成する
送信ボタンの代わりに画像を表示する
ファイル選択ボタンを作成する
パスワード入力欄を作成する
cgi スクリプトでフォームデータを制御する
JavaScriptでフォームデータを制御する
フォームを作成する
複数行入力可能なテキスト入力欄を作成する
ボタンを作成する
送信ボタンを作成する
リセットボタンを作成する
選択メニューを作成する
ラジオボタンを作成する
チェックボックスを作成する
テキスト入力欄を作成する
IEの方はこちらから当サイト ブックマークできます。
ランキング参加中!お役に立てたら クリックをお願いします。
当サイト掲載カテゴリは
Yahoo! JAPAN コンピュータとインターネット > データ形式 > HTML > リファレンス