フォーム入力あれこれ

CGIを利用する上でかかせないフォーム。その書式をまとめてみました。

基本型

  <FORM ACTION="url" METHOD="[GET|POST]">

    <INPUT TYPE="*1" NAME="name">
    *1
    text     テキスト入力
    password パスワード入力
    checkbox 項目のチェック（複数）
    radio    項目のチェック（単一）
    image    イメージの座標入力
    hidden   画面には表示せずに受け渡す
    submit   実行
    reset    データを初期化

  </FORM>
  

text, password

<INPUT TYPE="[text|password]" VALUE="デフォルト文字列" SIZE="バイト数" MAXLENGTH="バイト数" NAME="name">

checkbox, radio

<INPUT TYPE="[checkbox|radio]"NAME="name" CHECKED >

項目１ 項目２ 項目３ 項目４

  <INPUT TYPE="checkbox" CHECKED NAME="name">項目１
  <INPUT TYPE="checkbox" CHECKED NAME="name">項目２
  <INPUT TYPE="checkbox" NAME="name">項目３
  <INPUT TYPE="checkbox" NAME="name">項目４

項目１ 項目２ 項目３ 項目４

  <INPUT TYPE="radio" NAME="name1" CHECKED>項目１
  <INPUT TYPE="radio" NAME="name1">項目２
  <INPUT TYPE="radio" NAME="name1">項目３
  <INPUT TYPE="radio" NAME="name1">項目４

表題と違うものを代入するとき

<INPUT TYPE="[checkbox|radio]" VALUE="nameに代入する文字列" NAME="name">

image




<INPUT TYPE="image" src="url" NAME="name">

urlで指定した画像を表示。これが実行ボタンになる。また、実行したときの画像の座標も一緒に送る。

submit, reset

<INPUT TYPE="[submit|reset]" VALUE="ボタンに付ける文字列">

複数の実行ボタン

<INPUT TYPE="submit" VALUE="ボタンに付ける文字列" NAME="name">

nameにVALUEが定義されて受け渡される

select

select1 select2 select3

  <SELECT NAME="name">
    <OPTION> select1
    <OPTION VALUE="value"> select2
    <OPTION SELECTED> select3
  </SELECT>

A B C D E

<SELECT NAME="name" SIZE="行数" [MULTIPLE]>

textarea

デフォルト文字列

  <TEXTAREA ROWS="行数" COLS="桁数" NAME="name">
  デフォルト文字列
  </TEXTAREA>
  

ながーーーーーーーーーーーーーーーーーーーーーーーい文章で自動改行

  <TEXTAREA ROWS="行数" COLS="桁数" WRAP="psysical|virtual" NAME="name">
  ながーーーーーーーーーーーーーーーーーーーーーーーい文章で自動改行
  </TEXTAREA>

  psysical ... フォーム送信時にも改行コードが入る
  virtual  ... フォーム送信時には改行コードは含まれない