next up previous index
Next: 16.2 入力されたデータの解析 Up: 16. フォーム Previous: 16. フォーム

16.1 フォーム環境

フォームはformタグ環境内に記述します。書式は、次のようになります。

<form attributes...>〜</form>

form[Strict][Transitional]
<form attributes...></form>は、の中に記述したフォームデータからデータを受け取り、actionアトリビュートで指定したURIにデータを引き渡します。アトリビュートには次のようなものが入ります。
accept-charset
[Strict][Transitional][省略可]accept-charset="charset"は、サーバーが理解可能な文字エンコーディングセットを指定します。
action
[Strict][Transitional][必須]action="URI"は、フォームに入力された内容を引き渡すURIを指定します。フォーム内容を処理するCGIプログラムのURIを一般的には指定します。mailto形式のURIを指定すると、フォーム内容を電子メールで該当のアドレスに送ります。
class
[Strict][Transitional][省略可]class="cdata"は、タグ内のテキストへセットする情報をクラスの形で指定します。詳細は5 を参照してください。
dir
[Strict][Transitional][省略可]dir="direction"は、テキストの方向を指定します。詳細は4.3 を参照してください。
enctype
[Strict][Transitional][省略可]enctype="type"は、methodアトリビュートの値がputだった場合に送信するデータのMIMEタイプを指定します。デフォルトは、application/x-www-form-urlencodedです。ファイルアップロード(16.5 参照)を行う場合には、multipart/form-dataを指定します。
id
[Strict][Transitional][省略可]id="name"は、このタグに固有のIDを振ります。
lang
[Strict][Transitional][省略可]lang="language"は、ドキュメントの言語を指定します。詳細は4.3 を参照してください。
method
[Strict][Transitional][省略可]method="type"は、入力のタイプを指定します。type部分に入れる指定値として次のようなものがあります。
  • get:URIに引数の形でデータを渡します。具体的には次の形式になります。

    URI?変数名=[&変数名=値 ...]

    値は文字コードによっては特定の形式でエンコーディングされます。CGIプログラムにはQUERY_STRINGという名前の環境変数にこのデータが入ります。Webサーバーの制限により、あまり長すぎるデータは途中で切られてしまいます。また、URIに直接データが入っているので、データの改竄は容易です。しかし、URIだけですべてのデータを表せるので、aタグを使ったリンクでフォームを経由せずに直接CGIプログラムを起動することもできます。

  • post:データは標準入力に送られます。CGIプログラムにはCONTENT_LENGTHという名前の環境変数とその値がデータの大きさとして送られます。getでは取れないような大きなデータでも受けることができ、URIにデータを残さないのでセキュリティも保持できます。しかし、URIで直接リンクできないことがデメリットになる場面もあるでしょう。
onclick
[Strict][Transitional][省略可]onclick="script"はクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。
ondblclick
[Strict][Transitional][省略可]ondblclick="script"はダブルクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。
onkeydown
[Strict][Transitional][省略可]onkeydown="script"はキーを押して離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onkeypress
[Strict][Transitional][省略可]onkeypress="script"はキーを押したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onkeyup
[Strict][Transitional][省略可]onkeyup="script"はキーを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmousedown
[Strict][Transitional][省略可]onmousedown="script"はマウスのボタンをクリックしたときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmousemove
[Strict][Transitional][省略可]onmousemove="script"はマウスを移動したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseout
[Strict][Transitional][省略可]onmouseout="script"はマウスを対象から離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseover
[Strict][Transitional][省略可]onmouseover="script"はマウスを対象に当てたときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseup
[Strict][Transitional][省略可]onmouseup="script"はマウスのボタンを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onreset
[Strict][Transitional][省略可]onreset="script"はフォームがリセットされたときに実行するスクリプトを指定します。
onsubmit
[Strict][Transitional][省略可]onsubmit="script"はフォームがサブミットされたときに実行するスクリプトを指定します。
style
[Strict][Transitional][省略可]style="cdata"は、このタグ内のスタイルを設定します。詳細は5 を参照してください。
target
[Transitional][省略可]target="name"は、actionで指定したURIの実行によって送られてきた結果をどこに表示するかを指定します。このアトリビュートが取る値については、6.2 を参照してください。
title
[Strict][Transitional][省略可]title="titlename"は補助用タイトルを指定します。

formタグ環境内でブラウザから入力するために、見ばえやインターフェイスの異なる次のようなタグが用意されています。特にinputタグはtypeアトリビュートの値によりさまざまな種類の入力方式を提供します。

button[Strict][Transitional]
<button attributes ...></button>の形で、の部分で指定したテキストをラベルとするボタンを作成します。後述のinputタグで作成するボタンと違う点は、クリックするとへこんだり、レリーフ状に表示されたり、submitresetの機能を持つボタンが作成できたり、といったところです。attributesには、次のようなものを取ります。
accesskey
[Strict][Transitional][省略可]accesskey="Key"は、このボタンへのアクセッサキーを指定します。指定できるのは1文字です。
class
[Strict][Transitional][省略可]class="cdata"は、このタグへセットする情報をクラスの形で指定します。詳細は5 を参照してください。
dir
[Strict][Transitional][省略可]dir="direction"は、テキストの方向を指定します。詳細は4.3 を参照してください。
disabled
[Strict][Transitional][省略可]disabledは、作成した入力フォームを使用不可にします。
id
[Strict][Transitional][省略可]id="name"は、このタグに固有のIDを振ります。
lang
[Strict][Transitional][省略可]lang="language"は、タグ内の言語を指定します。詳細は4.3 を参照してください。
name
[Strict][Transitional][省略可]name="name"で変数名を指定します。
onblur
[Strict][Transitional][省略可]onblur="script"はキーボードフォーカスが外れたときに実行するスクリプトを指定します。
onclick
[Strict][Transitional][省略可]onclick="script"はクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。
ondblclick
[Strict][Transitional][省略可]ondblclick="script"はダブルクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。
onfocus
[Strict][Transitional][省略可]onfocus="script"はキーボードフォーカスを得たときに実行するスクリプトを指定します。
onkeydown
[Strict][Transitional][省略可]onkeydown="script"はキーを押して離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onkeypress
[Strict][Transitional][省略可]onkeypress="script"はキーを押したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onkeyup
[Strict][Transitional][省略可]onkeyup="script"はキーを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmousedown
[Strict][Transitional][省略可]onmousedown="script"はマウスのボタンをクリックしたときに実行するスクリプトを指定します。詳細はreft:script を参照してください。
onmousemove
[Strict][Transitional][省略可]onmousemove="script"はマウスを移動したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseout
[Strict][Transitional][省略可]onmouseout="script"はマウスを対象から離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseover
[Strict][Transitional][省略可]onmouseover="script"はマウスを対象に当てたときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseup
[Strict][Transitional][省略可]onmouseup="script"はマウスのボタンを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
style
[Strict][Transitional][省略可]style="cdata"は、スタイルを設定します。詳細は5 を参照してください。
tabindex
[Strict][Transitional][省略可]tabindex="number"は、タブキーを押したときにフォーカスがあたる順番を指定します。
title
[Strict][Transitional][省略可]title="titlename"は補助用タイトルを指定します。
type
[Strict][Transitional][省略可]type="type"は、この入力フォームによる動作を指定します。値には次のようなものがあります。
  • button:クリックするとスクリプト(15 参照)を実行するようなボタンを作ります。
  • reset:formタグ環境内で入力したすべてのフォームの内容を初期化します。
  • submit:formタグ環境内で入力したすべてのフォームのデータをactionアトリビュートで指定したURIに送ります。
usemap
[省略可]usemap="URI"は、クライアントサイドクリッカブルマップ(8 参照)の設定URIを指定します。
value
[Strict][Transitional][省略可]value="value"は、nameアトリビュートで指定した変数の値を設定します。
input[Strict][Transitional]
<input attributes ...>の形をとり、typeアトリビュートで指定した見ばえの入力フォームを作ります。EMPTYタグです。attributesには、次のようなものを取ります。
accept
[Strict][Transitional][省略可]accept="type"は、typeアトリビュートにfileが指定されているときに使うことができ、ファイルをアップロードするときのMIMEタイプを指定します。複数の指定には,で区切ります。
accesskey
[Strict][Transitional][省略可]accesskey="Key"は、入力フォームへのアクセッサキーを指定します。指定できるのは1文字です。
align
[Transitional][省略可]align="Justification"は、入力フォームを表示する位置を指定します。値には次のようなものを取ります。
  • center:中寄せです。
  • justify:左右のマージンをもとに調整します。
  • left:左寄せです(デフォルト)。
  • right:右寄せです。
alt
[Strict][Transitional][省略可]alt="text"は、typeアトリビュートにimageが指定されているときに使うことができ、画像を表示できないブラウザの場合、代わりにtextに指定したテキストを表示します。
border
[Transitional][省略可]border="number"typeアトリビュートにimageが指定されているときに使うことができ、画像の周りの線の太さを指定します。値を0にすると周りに線は引かれません。
checked
[Strict][Transitional][省略可]checkedは、typeアトリビュートにbuttonradioが指定されているときに使うことができ、このボタンのチェックをチェック済みにします。
class
[Strict][Transitional][省略可]class="cdata"は、タグ内のテキストへセットする情報をクラスの形で指定します。詳細は5 を参照してください。
dir
[Strict][Transitional][省略可]dir="direction"は、テキストの方向を指定します。詳細は4.3 を参照してください。
disabled
[Strict][Transitional][省略可]disabledは、作成した入力フォームを使用不可にします。
id
[Strict][Transitional][省略可]id="name"は、このタグに固有のIDを振ります。
lang
[Strict][Transitional][省略可]lang="language"は、ドキュメントの言語を指定します。詳細は4.3 を参照してください。
maxlength
[Strict][Transitional][省略可]maxlength="number"は、テキスト入力ボックスの最大入力文字数を指定します。
name
[Strict][Transitional][省略可]name="〜"で変数名を指定します。
onblur
[Strict][Transitional][省略可]onblur="script"はキーボードフォーカスが外れたときに実行するスクリプトを指定します。
onchange
[Strict][Transitional][省略可]onchange="script"は内容が変更されたときに実行するスクリプトを指定します。
onclick
[Strict][Transitional][省略可]onclick="script"はクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。
ondblclick
[Strict][Transitional][省略可]ondblclick="script"はダブルクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。
onfocus
[Strict][Transitional][省略可]onfocus="script"はキーボードフォーカスを得たときに実行するスクリプトを指定します。
onkeydown
[Strict][Transitional][省略可]onkeydown="script"はキーを押して離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onkeypress
[Strict][Transitional][省略可]onkeypress="script"はキーを押したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onkeyup
[Strict][Transitional][省略可]onkeyup="script"はキーを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmousedown
[Strict][Transitional][省略可]onmousedown="script"はマウスのボタンをクリックしたときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmousemove
[Strict][Transitional][省略可]onmousemove="script"はマウスを移動したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseout
[Strict][Transitional][省略可]onmouseout="script"はマウスを対象から離したときに実行するスクリプトを指定します。詳細はreft:script を参照してください。
onmouseover
[Strict][Transitional][省略可]onmouseover="script"はマウスを対象に当てたときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseup
[Strict][Transitional][省略可]onmouseup="script"はマウスのボタンを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onselect
[Strict][Transitional][省略可]onselect="script"はフォーム入力部が選択されたときに実行するスクリプトを指定します。
readonly
[Strict][Transitional][省略可]readonlyは、typeアトリビュートにtexttttextかpasswordが指定されているときに使うことができ、表示されている内容を変更不可能にします。
size
[Strict][Transitional][省略可]size="number"の形で、typeアトリビュートにtextpasswordが指定されているときの入力ボックスの幅を文字数で指定します。
src
[Strict][Transitional][省略可]typeアトリビュートにimageが指定されているときに使うことができ、src="URI"の形で画像ファイルのURIを指定します。
style
[Strict][Transitional][省略可]style="cdata"は、このタグ内のスタイルを設定します。詳細は5 を参照してください。
tabindex
[Strict][Transitional][省略可]tabindex="number"は、タブキーを押したときにフォーカスがあたる順番を指定します。
title
[Strict][Transitional][省略可]title="titlename"は補助用タイトルを指定します。
type
[Strict][Transitional][省略可]type="type"は、入力フォームの見ばえを指定します。値には次のようなものがあります。
  • checkbox:クリックするたび有効/無効の切り替えを行うボタンです。有効なときのみactionのURIに送られます。
  • file:ファイルアップロード用のフォームです。ファイルアップロードに対応していないブラウザもあります。詳細については16.5 を参照してください。
  • hidden:隠れた(表示されない)入力フォームを作成します。CGIプログラムをさまざまなページで使い回しているときなどに実行すべき種類を指定するなどの用途に使うことができます。ブラウザ画面上には表示されませんが、サブミットしたときにactionアトリビュートのURIに値が送られます。
  • image:この値を入れると、アトリビュートにsrcを使うことができます。srcアトリビュートには画像ファイルのURIを指定し、この画像内でクリックしたポイントのX座標、Y座標がnameアトリビュートで指定した名前にそれぞれxyという文字を付けた名前でactionアトリビュートで指定したURIに送られます。
  • password:textとほとんど同じですが、入力したテキストは、ブラウザ画面上ではパスワード文字(*?など、ブラウザに依存します)で置き換えられます。actionアトリビュートで指定したURIには、もとの入力したテキストが送られます30
  • radio:複数の選択肢のうち、1つだけが選択されるようなボタン(ラジオボタン)です。最初にformタグ環境内で同じnameアトリビュートの値を持つ(同じ変数名を持つ)radioタイプのinputタグを定義しておきます。ブラウザ上でラジオボタンのどれか1つを有効にすると、ほかの同じ名前のラジオボタンは無効になります。
  • reset:formタグ環境内で入力したすべてのフォームの内容を初期化します。
  • submit:formタグ環境内で入力したすべてのフォームのデータをactionアトリビュートで指定したURIに送ります。
  • text:テキストを入力するフォームです。
usemap
[Strict][Transitional][省略可]usemap="URI"は、クライアントサイドクリッカブルマップ(8 参照)の設定URIを指定します。
value
[Strict][Transitional][省略可]value="value"は、フォームの値を設定します。textpasswordのときにはテキスト入力ボックスに記入済みとなるテキストが設定されます。checkboxradioのときにはそれが有効になったときにnameアトリビュートで指定した変数に渡される値(初期状態で有効にするにはcheckedアトリビュートを入れます)。submitresetのときは、ボタンのラベルテキストを指定したことになります。
select[Strict][Transitional]
<select attributes...>〜</select>は、いくつかの項目の中から1つあるいは複数の項目を選ぶためのフォームを作ります。各項目は、このタグの環境の中にoptionタグを入れて作成します。attributesには次のようなものが入ります。
class
[Strict][Transitional][省略可]class="cdata"は、タグ内のテキストへセットする情報をクラスの形で指定します。詳細は5 を参照してください。
dir
[Strict][Transitional][省略可]dir="direction"は、テキストの方向を指定します。詳細は4.3 を参照してください。
disabled
[Strict][Transitional][省略可]disabledは、作成した入力フォームを使用不可にします。
id
[Strict][Transitional][省略可]id="name"は、このタグに固有のIDを振ります。
lang
[Strict][Transitional][省略可]lang="language"は、ドキュメントの言語を指定します。詳細は4.3 を参照してください。
multiple
[Strict][Transitional][省略可]multipleは、項目の複数の選択を可能にします。このアトリビュートがない場合、別の項目を選択すると以前に選択されていた項目の選択は解除されます。
name
[Strict][Transitional][必須]name="name"は、変数の名前を定義します。変数の値はoptionタグで設定します。
onblur
[Strict][Transitional][省略可]onblur="script"はキーボードフォーカスが外れたときに実行するスクリプトを指定します。
onchange
[Strict][Transitional][省略可]onchange="script"は内容が変更されたときに実行するスクリプトを指定します。
onclick
[Strict][Transitional][省略可]onclick="script"はクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。
ondblclick
[Strict][Transitional][省略可]ondblclick="script"はダブルクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。
onfocus
[Strict][Transitional][省略可]onfocus="script"はキーボードフォーカスを得たときに実行するスクリプトを指定します。
onkeydown
[Strict][Transitional][省略可]onkeydown="script"はキーを押して離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onkeypress
[Strict][Transitional][省略可]onkeypress="script"はキーを押したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onkeyup
[Strict][Transitional][省略可]onkeyup="script"はキーを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmousedown
[Strict][Transitional][省略可]onmousedown="script"はマウスのボタンをクリックしたときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmousemove
[Strict][Transitional][省略可]onmousemove="script"はマウスを移動したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseout
[Strict][Transitional][省略可]onmouseout="script"はマウスを対象から離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseover
[Strict][Transitional][省略可]onmouseover="script"はマウスを対象に当てたときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseup
[Strict][Transitional][省略可]onmouseup="script"はマウスのボタンを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
size
[Strict][Transitional][省略可]size="number"は、項目表示領域の高さを行数で指定します。
style
[Strict][Transitional][省略可]style="cdata"は、このタグ内のスタイルを設定します。詳細は5 を参照してください。
tabindex
[Strict][Transitional][省略可]tabindex="number"は、タブキーを押したときにフォーカスがあたる順番を指定します。
title
[Strict][Transitional][省略可]title="titlename"は補助用タイトルを指定します。
optionタグは次のようになっています。
option[Strict][Transitional]
<option attributes...>〜[</option>]は、<select>タグで表示される選択メニューの項目を記述します。通常は、記述項目を、そのまま<select>タグのnameアトリビュートで指定した変数へ値として返します。たとえば、<select name="e-mail">に対して、<option>kmuto@isoternet.org</option>と指定した場合、選択されるとこの「kmuto@isoternet.org」が変数e-mailの値となります。attributesとして次のようなものがあります。
class
[Strict][Transitional][省略可]class="cdata"は、タグ内のテキストへセットする情報をクラスの形で指定します。詳細は5 を参照してください。
dir
[Strict][Transitional][省略可]dir="direction"は、テキストの方向を指定します。詳細は4.3 を参照してください。
disabled
[Strict][Transitional][省略可]disabledは、この選択メニューを使用不可にします。
id
[Strict][Transitional][省略可]id="name"は、このタグに固有のIDを振ります。
label
[Strict][Transitional][省略可]label="text"は、この項目の短縮名を指定します。
lang
[Strict][Transitional][省略可]lang="language"は、ドキュメントの言語を指定します。詳細は4.3 を参照してください。
onclick
[Strict][Transitional][省略可]onclick="script"はクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。
ondblclick
[Strict][Transitional][省略可]ondblclick="script"はダブルクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。
onkeydown
[Strict][Transitional][省略可]onkeydown="script"はキーを押して離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onkeypress
[Strict][Transitional][省略可]onkeypress="script"はキーを押したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onkeyup
[Strict][Transitional][省略可]onkeyup="script"はキーを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmousedown
[Strict][Transitional][省略可]onmousedown="script"はマウスのボタンをクリックしたときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmousemove
[Strict][Transitional][省略可]onmousemove="script"はマウスを移動したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseout
[Strict][Transitional][省略可]onmouseout="script"はマウスを対象から離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseover
[Strict][Transitional][省略可]onmouseover="script"はマウスを対象に当てたときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseup
[Strict][Transitional][省略可]onmouseup="script"はマウスのボタンを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
selected
[Strict][Transitional][省略可]selectedは、この選択メニューを選択した状態とします。
style
[Strict][Transitional][省略可]style="cdata"は、このタグ内のスタイルを設定します。詳細は5 を参照してください。
title
[Strict][Transitional][省略可]title="titlename"は補助用タイトルを指定します。
value
[Strict][Transitional][省略可]value="data"は、項目が指定された際にselectタグのnameアトリビュートで指定した変数に入れる値を指定します。valueアトリビュートを指定しないときには、項目のテキストが値として入ります。
複数のoptionタグをまとめて階層化するoptgroupタグもあります。
optgroup[Strict][Transitional]
<optgroup attributes...></optgroup>は、の中で定義する1つ以上のoptionタグをグループ化します。この中でさらにoptgroupタグ環境を使って複雑な構成にすることも可能です。attributesには次のようなものを取ります。
class
[Strict][Transitional][省略可]class="cdata"は、タグ内のテキストへセットする情報をクラスの形で指定します。詳細は5 を参照してください。
dir
[Strict][Transitional][省略可]dir="direction"は、テキストの方向を指定します。詳細は4.3 を参照してください。
disabled
[Strict][Transitional][省略可]disabledは、このフォームを使用不可にします。
id
[Strict][Transitional][省略可]id="name"は、このタグに固有のIDを振ります。
label
[Strict][Transitional][省略可]label="text"は、この階層グループのタイトルを指定します。
lang
[Strict][Transitional][省略可]lang="language"は、ドキュメントの言語を指定します。詳細は4.3 を参照してください。
onclick
[Strict][Transitional][省略可]onclick="script"はクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。
ondblclick
[Strict][Transitional][省略可]ondblclick="script"はダブルクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。
onkeydown
[Strict][Transitional][省略可]onkeydown="script"はキーを押して離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onkeypress
[Strict][Transitional][省略可]onkeypress="script"はキーを押したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onkeyup
[Strict][Transitional][省略可]onkeyup="script"はキーを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmousedown
[Strict][Transitional][省略可]onmousedown="script"はマウスのボタンをクリックしたときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmousemove
[Strict][Transitional][省略可]onmousemove="script"はマウスを移動したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseout
[Strict][Transitional][省略可]onmouseout="script"はマウスを対象から離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseover
[Strict][Transitional][省略可]onmouseover="script"はマウスを対象に当てたときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseup
[Strict][Transitional][省略可]onmouseup="script"はマウスのボタンを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
style
[Strict][Transitional][省略可]style="cdata"は、このタグ内のスタイルを設定します。詳細は5 を参照してください。
title
[Strict][Transitional][省略可]title="titlename"は補助用タイトルを指定します。
textarea[Strict][Transitional]
<textarea attributes...></textarea>は、テキスト入力領域のフォームを作成します。の部分に文字列を入れると、フォーム内に最初からその文字列が入力された状態で表示されます。attributesには次のようなものが入ります。
accesskey
[Strict][Transitional][省略可]accesskey="Key"は、入力フォームへのアクセッサキーを指定します。指定できるのは1文字です。
class
[Strict][Transitional][省略可]class="cdata"は、タグ内のテキストへセットする情報をクラスの形で指定します。詳細は5 を参照してください。
cols
[Strict][Transitional][必須]cols="number"は、入力ボックスの横幅を文字数でnumberに入れて指定します。
dir
[Strict][Transitional][省略可]dir="direction"は、テキストの方向を指定します。詳細は4.3 を参照してください。
disabled
[Strict][Transitional][省略可]disabledは、このテキストフォームを使用不可にします。
id
[Strict][Transitional][省略可]id="name"は、このタグに固有のIDを振ります。
lang
[Strict][Transitional][省略可]lang="language"は、ドキュメントの言語を指定します。詳細は4.3 を参照してください。
name
[Strict][Transitional][必須]name="name"は、変数名を指定します。
onblur
[Strict][Transitional][省略可]onblur="script"はキーボードフォーカスが外れたときに実行するスクリプトを指定します。
onchange
[Strict][Transitional][省略可]onchange="script"は内容が変更されたときに実行するスクリプトを指定します。
onclick
[Strict][Transitional][省略可]onclick="script"はクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。
ondblclick
[Strict][Transitional][省略可]ondblclick="script"はダブルクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。
onfocus
[Strict][Transitional][省略可]onfocus="script"はキーボードフォーカスを得たときに実行するスクリプトを指定します。
onkeydown
[Strict][Transitional][省略可]onkeydown="script"はキーを押して離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onkeypress
[Strict][Transitional][省略可]onkeypress="script"はキーを押したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onkeyup
[Strict][Transitional][省略可]onkeyup="script"はキーを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmousedown
[Strict][Transitional][省略可]onmousedown="script"はマウスのボタンをクリックしたときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmousemove
[Strict][Transitional][省略可]onmousemove="script"はマウスを移動したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseout
[Strict][Transitional][省略可]onmouseout="script"はマウスを対象から離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseover
[Strict][Transitional][省略可]onmouseover="script"はマウスを対象に当てたときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseup
[Strict][Transitional][省略可]onmouseup="script"はマウスのボタンを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onselect
[Strict][Transitional][省略可]onselect="script"はフォーム入力部が選択されたときに実行するスクリプトを指定します。
readonly
[Strict][Transitional][省略可]readonlyは、表示されている内容を変更不可能にします。
rows
[Strict][Transitional][必須]rows="number"は、入力ボックスの縦幅を文字数でnumberに入れて指定します。
style
[Strict][Transitional][省略可]style="cdata"は、このタグ内のスタイルを設定します。詳細は5 を参照してください。
tabindex
[Strict][Transitional][省略可]tabindex="number"は、タブキーを押したときにフォーカスがあたる順番を指定します。
title
[Strict][Transitional][省略可]title="titlename"は補助用タイトルを指定します。
wrap
[省略可]wrap="type"は、入力されたテキストが長くなって入力領域に入りきれなくなった場合の処理の方法を指定します。次のような値を取ります。
  • off:テキストは折り返されず、フォームには入力が続いていることを示す横方向のスクロールバーが付きます(デフォルト)。
  • virtual:テキストはcolsで指定された文字数になった場合、自動的に改行されます。ただし、実際にformタグのactionアトリビュートで指定したURIに送られる場合には改行は入りません。
  • physical:virtualと同様ですが、送られるURIには改行も入力した情報として送られます。

各入力フォームにはラベルを付けることができます。

label[Strict][Transitional]
<label attributes...></label>は、forアトリビュートで指定したIDを持つ入力フォームに対して、に指定したテキストをラベル名としたラベルを作成します。ラベルに対してフォーカスが当たった場合、参照しているIDの入力フォームへフォーカスが移動します。attributesには次のようなものが入ります。
accesskey
[Strict][Transitional][省略可]accesskey="Key"は、このラベルへのアクセッサキーを指定します。指定できるのは1文字です。
class
[Strict][Transitional][省略可]class="cdata"は、タグ内のテキストへセットする情報をクラスの形で指定します。詳細は5 を参照してください。
dir
[Strict][Transitional][省略可]dir="direction"は、テキストの方向を指定します。詳細は4.3 を参照してください。
for
[Strict][Transitional][省略可]for="ID"は、ラベルを付ける対象の入力フォームのIDを指定します。
id
[Strict][Transitional][省略可]id="name"は、このタグに固有のIDを振ります。
lang
[Strict][Transitional][省略可]lang="language"は、ドキュメントの言語を指定します。詳細は4.3 を参照してください。
onblur
[Strict][Transitional][省略可]onblur="script"はキーボードフォーカスが外れたときに実行するスクリプトを指定します。
onclick
[Strict][Transitional][省略可]onclick="script"はクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。
ondblclick
[Strict][Transitional][省略可]ondblclick="script"はダブルクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。
onfocus
[Strict][Transitional][省略可]onfocus="script"はキーボードフォーカスを得たときに実行するスクリプトを指定します。
onkeydown
[Strict][Transitional][省略可]onkeydown="script"はキーを押して離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onkeypress
[Strict][Transitional][省略可]onkeypress="script"はキーを押したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onkeyup
[Strict][Transitional][省略可]onkeyup="script"はキーを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmousedown
[Strict][Transitional][省略可]onmousedown="script"はマウスのボタンをクリックしたときに実行するスクリプトを指定します。詳細はreft:script を参照してください。
onmousemove
[Strict][Transitional][省略可]onmousemove="script"はマウスを移動したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseout
[Strict][Transitional][省略可]onmouseout="script"はマウスを対象から離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseover
[Strict][Transitional][省略可]onmouseover="script"はマウスを対象に当てたときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseup
[Strict][Transitional][省略可]onmouseup="script"はマウスのボタンを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
style
[Strict][Transitional][省略可]style="cdata"は、スタイルを設定します。詳細は5 を参照してください。
title
[Strict][Transitional][省略可]title="titlename"は補助用タイトルを指定します。

入力フォームは内容によっていくつかのグループに分けられることがあります。このようなときにグループ化されていることを明示するときには、fieldsetタグやlegendタグを使います。

fieldset[Strict][Transitional]
<fieldset attributes...></fieldset>は、このタグ環境内のコンテンツを1つのグループとして定義します。たとえばstyleアトリビュートでこのグループ全体に渡るスタイル設定をすることができます。attributesには次のようなものが入ります。
class
[Strict][Transitional][省略可]class="cdata"は、このタグへセットする情報をクラスの形で指定します。詳細は5 を参照してください。
dir
[Strict][Transitional][省略可]dir="direction"は、テキストの方向を指定します。詳細は4.3 を参照してください。
id
[Strict][Transitional][省略可]id="name"は、このタグに固有のIDを振ります。
lang
[Strict][Transitional][省略可]lang="language"は、タグ内の言語を指定します。詳細は4.3 を参照してください。
onclick
[Strict][Transitional][省略可]onclick="script"はクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。
ondblclick
[Strict][Transitional][省略可]ondblclick="script"はダブルクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。
onkeydown
[Strict][Transitional][省略可]onkeydown="script"はキーを押して離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onkeypress
[Strict][Transitional][省略可]onkeypress="script"はキーを押したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onkeyup
[Strict][Transitional][省略可]onkeyup="script"はキーを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmousedown
[Strict][Transitional][省略可]onmousedown="script"はマウスのボタンをクリックしたときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmousemove
[Strict][Transitional][省略可]onmousemove="script"はマウスを移動したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseout
[Strict][Transitional][省略可]onmouseout="script"はマウスを対象から離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseover
[Strict][Transitional][省略可]onmouseover="script"はマウスを対象に当てたときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseup
[Strict][Transitional][省略可]onmouseup="script"はマウスのボタンを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
style
[Strict][Transitional][省略可]style="cdata"は、スタイルを設定します。詳細は5 を参照してください。
title
[Strict][Transitional][省略可]title="titlename"は補助用タイトルを指定します。

fieldsetタグ環境の中でlegendタグを使うと、グループに対するキャプションを定義できます。

legend[Strict][Transitional]
[省略可]<legend attributes...></legend>は、fieldsetタグ環境のキャプションを定義します。attributesには次のようなものが入ります。
accesskey
[Strict][Transitional][省略可]accesskey="Key"は、このグループへのアクセッサキーを指定します。指定できるのは1文字です。
align
[Transitional][省略可]align="Justification"は、キャプションを表示する位置を指定します。値には次のようなものを取ります。
  • bottom:グループの下にキャプションが付きます。
  • left:グループの左にキャプションが付きます。
  • top:グループの上にキャプションが付きます(デフォルト)。
  • right:グループの右にキャプションが付きます。
class
[Strict][Transitional][省略可]class="cdata"は、このタグへセットする情報をクラスの形で指定します。詳細は5 を参照してください。
dir
[Strict][Transitional][省略可]dir="direction"は、テキストの方向を指定します。詳細は4.3 を参照してください。
id
[Strict][Transitional][省略可]id="name"は、このタグに固有のIDを振ります。
lang
[Strict][Transitional][省略可]lang="language"は、タグ内の言語を指定します。詳細は4.3 を参照してください。
onclick
[Strict][Transitional][省略可]onclick="script"はクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。
ondblclick
[Strict][Transitional][省略可]ondblclick="script"はダブルクリックされたときに実行するスクリプトを指定します。詳細は15 を参照してください。
onkeydown
[Strict][Transitional][省略可]onkeydown="script"はキーを押して離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onkeypress
[Strict][Transitional][省略可]onkeypress="script"はキーを押したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onkeyup
[Strict][Transitional][省略可]onkeyup="script"はキーを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmousedown
[Strict][Transitional][省略可]onmousedown="script"はマウスのボタンをクリックしたときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmousemove
[Strict][Transitional][省略可]onmousemove="script"はマウスを移動したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseout
[Strict][Transitional][省略可]onmouseout="script"はマウスを対象から離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseover
[Strict][Transitional][省略可]onmouseover="script"はマウスを対象に当てたときに実行するスクリプトを指定します。詳細は15 を参照してください。
onmouseup
[Strict][Transitional][省略可]onmouseup="script"はマウスのボタンを離したときに実行するスクリプトを指定します。詳細は15 を参照してください。
style
[Strict][Transitional][省略可]style="cdata"は、スタイルを設定します。詳細は5 を参照してください。
title
[Strict][Transitional][省略可]title="titlename"は補助用タイトルを指定します。


next up previous index
Next: 16.2 入力されたデータの解析 Up: 16. フォーム Previous: 16. フォーム
Kenshi Muto
平成11年9月19日