チェックボックス 1<br />
<input type="checkbox" name="chk2" value="2" />
チェックボックス 2<br />
<input type="checkbox" name="chk3" value="3" checked="checked" / >
チェックボックス 3
フォームの入力項目定義する要素です。
type 属性によっていろいろな形式の入力項目を定義することができます。
一行のテキストを入力させる項目です。複数行のテキスト入力には TEXTAREA 要素を使用します。
text と同様ですが、入力したテキストが画面には表示されず、 アスタリスク ( * ) 等で表示されます。
チェックボックス項目です。チェックボックスとは、
on | off を選択する項目です。
チェックボックスは、複数の要素で同じ名前 ( name 属性 ) を共有できます。
ラジオボタン項目です。ラジオボタンとは、複数の値から一つを選択する項目です。
複数の要素のラジオボタンに同じ名前 ( name 属性 ) をつけることで複数の値を指定します。
押されるとこの要素を含む FORM の action 属性で指定したプログラムにフォームデータが送られる特別なボタンです。
押されるとフォームの項目の値がすべて初期値に戻される特別なボタンです。
ファイル選択を行なわせる項目です。
画面には表示されない項目です。ユーザーに変更されたくないデータを指定します。
画像の送信ボタンです。サーバーサイドイメージマップのようにクリックしたときの座標が プログラムに送られます。
ボタン項目です。ボタン上に表示されるテキストは、value 属性で指定します。
submit や reset のように特別な機能はなく、主にスクリプトなどで利用します。
| 要素の内容 |
|---|
| なし ( 空要素 ) |
| 一般属性 |
|---|
|
accesskey |
tabindex |
style |
title |
id |
class |
dir |
lang |
xml:lang |
xmlns |
onfocus |
onblur |
onclick |
ondblclick |
onkeydown |
onkeypress |
onkeyup |
onmousedown |
onmousemove |
onmouseout |
onmouseover |
onmouseup |
onselect
個々の説明は 一般属性 を参照してください。
|
| 固有属性 | |
|---|---|
| name | 入力項目名を指定します。この要素を含む FORM 要素内で重複してはいけません。 データ形式は CDATA です。 |
| type |
入力項目の形式を指定します。 text ( 1行のテキスト入力 ) password ( パスワード入力 ) checkbox ( チェックボックス ) radio ( ラジオボタン ) submit ( 送信ボタン ) reset ( リセットボタン ) file ( ファイル選択 ) hidden ( 非表示項目 ) image ( 画像ボタン ) button ( ボタン ) のいずれかを指定します。既定値は text です。 |
| value | 入力項目の初期値を記述します。 type 属性が radio または checkbox 以外の場合は、省略することができます。 データ形式は CDATA です。 |
| accept |
FORM 要素の action
属性で指定したプログラムが処理することができるデータの種類を
コンテントタイプ
で指定します。コンマ( , ) で区切って複数指定ができます。 type 属性で file を指定した場合に認識できないファイルが送られるのを防ぐことができます。 ( Basic では使用できません。) |
| src |
type 属性で image を指定した場合に表示する画像の
URI を指定します。 ブラウザで表示できる画像フォーマットには、 jpeg gif png などがあります。 |
| alt | type 属性で image を指定した場合に 画像を表示することができないブラウザや音声ブラウザのために 代わりとなる テキスト を記述します。 ( Basic では使用できません。) |
| usemap | type 属性で image を指定した場合に 画像をクライアントサイドイメージマップとして使用する場合に使用する MAP 要素の名前を #名前 のように指定します。 データ形式は URI です。 ( Basic では使用できません。) |
| ismap | type 属性で image を指定した場合に ismap を指定することで、画像がサーバーサイドイメージマップとなります。 サーバーサイドイメージマップを使用すると プログラム にクリックした座標が送られます。 (XHTML 1.1 でのみ使用できます。) |
| maxlength | type 属性 が text または password の場合に、入力できるテキストの最大文字数を 整数値( NUMBER )で指定します。 |
| size |
入力項目の幅を指定します。 type 属性 が text または password の場合は、文字数を、 それ以外の場合は、ピクセル値で指定します。 データ形式は CDATA です。 |
| align |
周りの文字との上下の位置関係を top ( 上端を合わせる ) middle ( 中央を合わせる ) bottom ( 下端を合わせる ) のいずれかで指定します。 または、テキストの回りこみを left ( 文字の左側に配置 ) right ( 文字の右側に配置 ) で指定します。 ( 過去との互換性のためだけに存在する属性です。 代わりにスタイルシートの vertical-align または float を使用してください。) |
| checked | checked を指定することで この入力項目が最初から選択された状態になります。 |
| readonly | readonly を指定することで この入力項目が読み取り専用になり、ユーザーが変更することができなくなります。 ( Basic では使用できません。) |
| disabled | disabled を指定することで この項目が選択不可、入力不可になります。 ( Basic では使用できません。) |
1行のテキスト入力
<input type="text" name="txtbox" size="30" />
パスワード
<input type="password" name="txtbox" size="30" />
チェックボックス
|
<input type="checkbox" name="chk1"
value="1" /> チェックボックス 1<br /> <input type="checkbox" name="chk2" value="2" /> チェックボックス 2<br /> <input type="checkbox" name="chk3" value="3" checked="checked" / > チェックボックス 3 |
|
ラジオボタン
|
<input type="radio" name="radiobutton"
value="rdo" /> 選択 1<br /> <input type="radio" name="radiobutton" value="rdo" checked="checked" /> 選択 2<br /> <input type="radio" name="radiobutton" value="rdo" /> 選択 3<br /> |
|
送信ボタン
<input type="submit" name="btnsubmit" value="送信" />
リセットボタン
<input type="reset" name="btnreset" value="リセット" />
ファイル選択
<input type="fileselect" name="file" enctype="multipart/form-data" />
非表示項目
<input type="hidden" name="hiddendata" value="非表示データ"/>
画像ボタン
<input type="image" name="imageField" src="image.gif" alt="送信" />
ボタン
<input type="button" name="btn" value="ボタン" />