フォーム作成タグ

 

 知っているとはおもいますが、HPは本来作った人の独り善がりがあります。しかし、このフォームを使うことによって見ている人も参加できるようになるのです。そのいい例が掲示板ですね。しかし、掲示板を自分で作るにはもっと専門的な知識が必要になります。ここでは、アンケートぐらいは作れるようになりましょう。

 

入力フォームを作りたい ここからここまでがフォームですよ。と言う意味です。
<FORM>〜</FORM>

 これは必ず使って下さい。これからやっていく物は全てこの中に納めてください。といっても<><>こんな風にやるんですよ。<>中に全てを納めるのではありません。

 

1行入力フォームを作りたい text,passwordのどちらかを入れてください。
NEAM="フィールド名"
  ⇒SIZE=""
  ⇒VALUE="あらかじめ入力されているテキスト"
  ⇒MAXLENGTH="最大文字数"
<INPUT TYPE="" >

 メールアドレスを聞きたいときなどに使います。passwordを指名すると*で表示されます。

 

複数行の入力フォームを作りたい NAME="フィールド名"
  ⇒ROWS="行数"
  ⇒COLS=""
  ⇒WRAP="改行方法"
<TEXTAREA >〜</TEXTAREA>

 改行方法はsoft(改行なし)hard(自動改行)の2つがあります。

 

ラジオボタンを作りたい ⇒NAME="ボタンの名前"
  ⇒VALUE="送信されるテキスト"
<INPUT TYPE="radio" >

 男か女か、などを聞くときに使うものです。つまり、同じボタン名ものは一つしか選ぶことができなくなります。

 

チェックボックスを作りたい ⇒NAME="ボタンの名前"
  ⇒VALUE="送信されるテキスト"
<INPUT TYPE="checkbox" >

 こちらは上のラジオボタンと違い、同じボタン名でも何個でも選ぶことができます。複数回答ありみたいなときに使います。

 

リストボックスを作りたい ☆⇒リストボックスの表示行数
○⇒NAME="メニュー名"
  ⇒MULTIPE
★⇒VALUE="送信されるテキスト"
  ⇒SELECTED
<SELECT SIZE="" ><OPTION >〜</OPTION></SELECT>

 MULTIPLEをつかうと、複数の項目を選択できるようになります。SELECTEDをつかうとその項目をあらかじめ選択された状態になります。

 

送信ボタンを作る ⇒NAME="ボタンの名前"
  ⇒VALUE="ラベル名"
<INPUT TYPE="submit" >

 このボタンを押すことで今までの物を送信することができます。しかし、これではまだ足りません。実際に送信するためにはHTTPメソッドや送信されたデータ−を処理するものが必要になります。

 

リセットボタンを作りたい
<INPUT TYPE="reset" VALUE="ラベル名">

 今まで書いたものを全て消します。掲示板などでよく見かけるものですね。

 

ボタンを作りたい submit,reset,buttonのいずれかを入れてください

⇒NAME="ボタンの名前"
  ⇒VALUE="ラベル名"

<BUTTON TYPE="" >〜</BUTTON>

 submit(送信) reset(リセット) button(ボタン)です。

 

画像をボタンにしたい ★⇒SRC="画像のURL"
  ⇒ALT="画像の変わりのテキスト"
  ⇒NAME="ボタン名"
INPUT TYPE="image" ★>

 これで、画像を押すことで送信をしたりすることができます。

 

フォームをメールで送信したい 星にはメールアドレスを入れて下さい。
<FORM ACTION="mailto:★" METHOD="post"
 ENCYTPE="text/plain">〜</FORM>

 このタグを使うことによって、アンケートなどを自分のメールアドレスなどに送ることができます。これは、メールを送るのと同じなので、送信者のメールアドレスまで送信してしまいます。

 

フォームを送信したい ★⇒CGIのURL

☆⇒データの送信方法get,postのいずれかを入れて下さい

●⇒データ送信する際のMIMEタイプ。お使いのCGIに合わせてください。

<FORM ACTION="" METHOD=""
 ENCYTPE="">〜</FORM>

get)はURLとフォームのデータをセットで送信します。(post)はフォームデータのみを送信します。このタグをつかうにはCGIの知識が必要になります。

 

【運営会社「パラダイムシフト」サービス】

無料ホームページ   携帯ホームページ   無料ホームページ作成   レンタルサーバー   ブログ   ホテル   アンドロイド   企業評価   タイムセル   国際通話   ホテル比較