<form action=""></form>
入力フォーム
ブラウザ |
|
---|---|
DTD | Strict:使用可 / Transitional:使用可 / Frameset:使用可 |
タグ | 開始タグ:必須 / 終了タグ:必須 |
分類 | |
子要素 | ただし、form要素はこの要素内に含めることができません(form要素の入れ子はできないので)。 カッコ付の要素は、Strict DTDでは配置できません。 |
入力フォームを作成する要素です。
この要素内には、フォームを構成する各部品を配置していくことになります。
<form method="post" action="example.cgi">
<p>お名前:<input type="text" name="name"></p>
<p>メールアドレス:<input type="text" name="email"></p>
<p><input type="submit" value="送信する"></p>
</form>
属性 | 説明 | 値 | 説明 |
---|---|---|---|
必須属性 | |||
action |
送信先(プログラム)の指定 | URI | 送信先のURI |
任意属性 | |||
method |
HTTPメソッドの指定 | get |
URIの形式でデータを送信 (初期値) |
post |
本文としてデータを送信 | ||
enctype |
送信時のデータ形式 | application/x-www-form-urlencoded |
URLエンコードを指定 (初期値) |
multipart/form-data |
マルチパートを指定 | ||
text/plain |
プレーンテキストを指定 | ||
accept-charset |
プログラム側が受け入れる文字コード | 文字コード | 半角スペースまたはカンマ( , )区切りで複数指定可能 |
accept |
プログラム側が受け入れるMIMEタイプ | MIMEタイプ | カンマ( , )区切りで複数指定可能 |
name |
フォームの名前 | 文字列 | 固有の識別名 |
target |
送信結果の表示方法 | _blank |
新規のウィンドウに表示 |
_self |
現在のフレーム(ウィンドウ)に表示 | ||
_parent |
親フレームに表示 | ||
_top |
フレーム分割を解除してウィンドウ全体に表示 | ||
フレーム名、ウィンドウ名 | 任意のフレーム(ウィンドウ)に表示 (名前はアルファベットで開始) |
- enctype属性は、
method="post"
が指定されている場合に使用することができます。 - enctype属性の初期値は
application/x-www-form-urlencoded
です。input要素にtype="file"
が指定されている場合は、この属性の値にmultipart/form-data
を指定する必要があります。 - accept-charset属性の初期値は
UNKNOWN
です。しかし、この属性に対応しているブラウザは少ないようです。プログラム側で制御した方がいいでしょう。 - accept属性を指定しておくと、input要素に
type="file"
が指定されている場合に、アップロード可能なファイルを制限できます。しかし、この属性に対応しているブラウザは少ないようです。プログラム側で制御した方がいいでしょう。 - name属性の代わりに、id属性を使用することが推奨されています。後方互換性を考慮する場合は、name属性とid属性を同じ値で同時に指定しておきます。
- target属性は、Strict DTDでは使用できません。
- この要素に関連する目的別リファレンス
- 入力フォームを作る
- データの送信形式と送信先を指定する
- 結果が表示されるウィンドウを指定する
- 送信時のデータ形式を指定する