IT専科TOP>HTML/スタイルシート>HTMLタグ(ABC順)> <form>

<form>

フォームと呼ばれるサーバへのデータ送信機能を作成するための要素です。テキストボックス、ラジオボタンなどのコントロール要素を含めることでコントロールのラベルと入力値をサーバへ送信することができます。


ブラウザ

IE3 / IE4 / IE5 / IE5.5 / IE6 / N3 / N4 / N6 / N7 / O6 / O7 / O9 / Fx1 / Fx2

▲PageTop

仕様

・構成
要素区分 エンドタグ ネストできる要素 備考
ブロック 省略不可 block から<form>要素を除いたものか、 <script>要素が少なくとも1回出現しなければならない。

・属性
属性名 必須 意味
action フォームに入力されたデータの送信先 URL
method データの取得・送信の選択
get
{[action属性のURL]+[?]+[コントロールの名前/値]}のURLが送信される(規定値)
post
[コントロールの名前/値]を送信
enctype 送信するデータの文書タイプ
application/x-www- form-urlencoded
(規定値)
multipart/form-data
ファイルのアップロード
text/plain
内容をメールとして送信
accept-charset 許可されている文字コード unknown(規定値)
accept 処理することを許可されている文書タイプ この属性で指定したimages/gifなど、MIMEタイプのファイルのみが処理される。
name 識別名 任意のテキスト
target 表示先名
_blank
新しいウィンドウで開く
_self
ハイパーリンクを貼り付けたフレームで読み込む
_parent
現在のフレームの上位フレームで読み込む。上位フレームが無い場合は_selfと同様。
_top
フレーム分割を解除し、ウィンドウ全体で読み込む。親フレームが無い場合は_selfと同様。
class class名 スタイルシートを設定したclass名
id id名 スタイルシートを設定したid名もしくは、任意のテキスト
title 説明文 任意のテキスト
style スタイル 任意のスタイル
lang 言語コード 例(日本語):ja
dir 読む方向
rtl
右から左に読む
ltr
左から右に読む

・イベント
イベント 仕様
onclick クリック時に発生
ondblclick ダブルクリック時に発生
onmousedown 要素上でマウスボタンを押したときに発生
onmouseup 要素上でマウスボタンを離したときに発生
onmouseover ポインティングデバイスが要素上を通過したときに発生
onmousemove ポインティングデバイスが要素上で動くと発生
onmouseout 要素の領域から出るときに発生
onkeypress 要素上でキーが押されて、要素から離れたとき発生
onkeydown 要素上でキーが押されたとき発生
onkeyup 要素上で押されたキーを離したとき発生
onsubmit フォームが送信されたとき発生
onreset フォームが初期化されたとき発生

▲PageTop

サンプル

ソースコード

<html>
  <head>
    <title>サンプルコード</title>
  </head>
  <body>
    <form action="form.html" method="get">
      <label for="ctrl1">氏名</label>
        <input type="text" id="ctrl1" name="text1">
      <input type="submit" value="送信する">
    </form>
  </body>
</html>

表示結果

▲PageTop

関連項目

HTML

<button> / <fieldset> / <input> / <label> / <legend> / <select> / <textarea>


▲PageTop