フォーム


フォームとは

FORMとはページ間の情報の受け渡しを目的とした機能です。Webページ上で入力、もしくは選択した内容を 目的とした
フォームの例(幸谷研究室サンプルWebページ)


全てに使用する要素

送信用

form要素

[action属性]
入力値の送信場所を指定します。

[method属性]
送信方法を指定します。この方法には2種類あり、入力値にgetかpostを入力します。


入力用

input要素

[type属性]
フォームの入力方式を決定することができます。
入力方式として主に

  1. テキストボックス
  2. チェックボックス
  3. ラジオボタン
  4. ファイルメニュー
の4つを使用します

[name属性]
フォームの入力内容のやり取りを行う際の目印になります。特にラジオボタンではnameを同じにすることでグループ化しているので注意が必要になります。

[value属性]
初期入力値を設定します。選択するチェックボックスやラジオボタンではここで入力しなければ入力値が空になってしまいます。

このほかの属性は、typeの属性値によって使用するものが変わってきます。

textarea要素

テキストエリアの入力方式を使うことができます。
テキストエリア

select要素

ファイルメニューの入力方式を使うことができ、メニュー欄を作成する際にはoption要素が必要となります。
ファイルメニュー


ボタン用

入力内容に対してアクションを起こすための

タグ:input
属性:type
属性値:submit

フォーム内容を送信する際に使用します。

属性値:reset

入力内容をキャンセルし初期化します。


←第3章目次へ
テキストボックスへ→

↑総目次に戻る