HTML:フォーム

フォームによって、
ユーザーが入力したデータをシステムに取り込むことができます。
<form method="post" action="index.php?id=1&amp;num=2">
  <input type="text" name="doc_name" size="40" value="1行文字列の入力"><br>
  <br>
  <textarea name="doc_comment" rows="2" cols="40">複数行の入力。
こんな感じで書ける。</textarea><br>
  <input type="hidden" name="hidden_id" value="表示されないデータ">
  <br>
  <input type="submit" value="変更を保存">
</form>


  

  複数行の入力。
こんな感じで書ける。
  
   (ここでは、画面遷移しないように細工しています)

form

・method は、POST か GET が選べます。
  POST は、転送したデータが、PHP の $_POST 配列に格納されます。
  GET は、転送したデータが、PHP の $_GET 配列に格納されます。
  # 配列の詳細は、PHP の章で説明します。

・action は、submit ボタンを押したときに、
  データを転送する先のファイル名を指定します。
  また、ファイル名の後に ？名前＝値 を付けると、
  $_GET 配列に格納されます。
  つまり、method が POST でも同時に GET データを送れます。
  "名前＝値" は、＆でつないで複数並べる事ができます。


POST と GET について。
・POSTはWEB(データベース)にデータを書き込む際に、
・GETは、WEBからデータを取得する際に、
それぞれ使用するのが基本です。
・POST は、書き込むデータを HTTPリクエストの body に指定します。
・GET は、絞り込み条件などを URL のクエリ文字列として指定します。
body の文字数に制限はありません。
GET は仕様上の規定はありませんが、一般に、ブラウザによって最大文字数が制限されています。
余りに長大なパラメータを渡す場合は POST に変えるなどの工夫が必要かもしれません。

input text

1行分の文字列を入力できます。
size で横幅を、value で最初に表示する値を指定します。
maxlength を指定すると、入力できる文字数を指定値に制限できます。

input hidden

画面上は表示されませんが、
転送するデータとしては有効です。
複数のページを渡り歩く時、
ある値を保持し続けるような用途で使用します。

input submit

ボタンが表示されます。
で、このボタンを押すと、
form で定義した転送が実行されます。

上記のコードであれば、
転送先の index.php で、
$_POST = array(
 'doc_name' => '1行文字列の入力',
 'doc_comment' => '複数行の入力。\r\nこんな感じで書ける。',
 'hidden_id' => '表示されないデータ'
);
$_GET = array(
 'id'=>'1',
 'num'=>'2'
);
のデータが参照できます。
# array などの詳細は、PHP の章で説明します。

textarea

複数行の文字列を入力できます。
rows でWEB画面での表示枠の行数、cols で文字幅を指定します。

その他

form の部品には、他にも色々ありますが、
select, option, input="radio", input="checkbox" は、
Smarty の章で紹介します。