INPUT / フォームコントロール(form control)

対応

分類

（フォームコントロール）

開始タグ

要

終了タグ

無し

コンテント要素

無し

親エレメント

但しBUTTONを除く

共通アトリビュート

event、i18n

解説

FORMにおいて、テキスト入力や実行(submit)ボタンなどのフォーム部品を指定します。一般的に<INPUT NAME="データ名" TYPE="入力オブジェクトの種類" VALUE="初期値">ですが、VALUEの意味は入力オブジェクトの種類によって変わります。

オプション

対応	オプション	値	説　　　　明
	TYPE	(text|password| checkbox|radio| submit|reset| file|hidden| image|button)	入力オブジェクトの種類を指定します。 text： １行入力フィールド。 NAME属性：フィールド名 SIZE属性：フィールドの横幅 MAXLENGTH属性：最大入力文字数 ソース <FORM METHOD="post" ACTION=""> <P>名前：<INPUT TYPE="text" NAME="name" SIZE="20" VALUE="山田花子" MAXLENGTH="20"> </FORM> と記述すると 表示＆操作 名前： と表示されます。 password： textのパスワード用です。文字を「＊」（アスタリスク）等で表示します。 ソース <FORM METHOD="post" ACTION=""> <P>パスワード：<INPUT TYPE="password" NAME="password" SIZE="20" VALUE="abcdefgh" MAXLENGTH="8"> </FORM> と記述すると 表示＆操作 パスワード： と表示されます。 checkbox： チェックボックス。 NAME属性：項目名 VALUE属性：送信データ CHECKED属性：初期チェック状態 ソース <FORM METHOD="post" ACTION=""> <P>感想を選んでね！（いくつでも）<BR> <INPUT TYPE="checkbox" NAME="Impressions" VALUE="hold out" CHECKED="checked">ガンバレ ! Pokochan<BR> <INPUT TYPE="checkbox" NAME="Impressions" VALUE="gogo">行け行け ! Pokochan<BR> <INPUT TYPE="checkbox" NAME="Impressions" VALUE="yes">Pokochan ボンバー・イェッ</FORM> と記述すると 表示＆操作 感想を選んでね！（いくつでも） ガンバレ ! Pokochan 行け行け ! Pokochan Pokochan ボンバー・イェッ と表示されます。 radio： ラジオボタン。 NAME属性：項目名 VALUE属性：送信データ CHECKED属性：初期チェック状態 ソース <FORM METHOD="post" ACTION=""> <P>性別：<INPUT TYPE="radio" NAME="sex" VALUE="male" CHECKED="checked">男性 　　　 <INPUT TYPE="radio" NAME="sex" VALUE="female">女性<BR></FORM> と記述すると 表示＆操作 性別： 男性 　　　 女性 と表示されます。 submit： 送信ボタン。 VALUE属性：ボタンに表示される文字列 ソース <FORM METHOD="post" ACTION=""> <P><INPUT TYPE="submit" VALUE="送信"></FORM> と記述すると 表示＆操作 と表示されます。 reset： リセットボタン。 VALUE属性：ボタンに表示される文字列 ソース <FORM METHOD="post" ACTION=""> <P><INPUT TYPE="reset" VALUE="取消"></FORM> と記述すると 表示＆操作 と表示されます。 file： ファイル名の入力フィールド。ファイル参照インターフェイス。 SIZE属性：フィールドの横幅 MAXLENGTH属性：最大入力文字数 は未対応 ソース <FORM METHOD="post" ENCTYPE="multipart/form-data" ACTION=""> <P><INPUT TYPE="file" NAME="up" SIZE="30"></FORM> と記述すると 表示＆操作 と表示されます。 hidden： 隠しオブジェクト。画面には表示せずにVALUEを送信する。 VALUE属性：送信データ image： 画像による送信ボタン。 画像をクリックするとフォームのデータと共に、そこのx、y座標が送信されます。 SRC属性：画像のURL ALT属性：代替テキスト は未対応 ソース <FORM METHOD="post" ACTION=""> <P><INPUT TYPE="image" SRC="../img/glb.gif" ALT="map" USEMAP="#Map"></FORM> と記述すると 表示＆操作 と表示されます。 button： 汎用ボタン。 VALUE属性：ボタンに表示される文字列 は未対応 ソース <FORM METHOD="post" ACTION=""> <P><INPUT TYPE="button" VALUE="押してね"></FORM> と記述すると 表示＆操作 と表示されます。
	NAME	CDATA	入力オブジェクトの名前を指定します。 入力フィールド／項目名です。送信時のデータの前に名前=といった形で付加されます。
	VALUE	CDATA	初期値を指定します。TYPE属性の値がradio、checkboxで必要となります。
	CHECKED	(checked)	TYPE属性の値がradio、checkboxの時初期チェック状態 を選択された状態にします。
	DISABLED	(disabled)	入力オブジェクトの選択変更を無効にします。Tabキーによる移動も無効で、データ送信はされません。
	READONLY	(readonly)	入力オブジェクトの変更を無効にします。選択は有効で、Tabキーによる移動もできます。データ送信されます。TYPE属性の値がtext、password用。
	SIZE	CDATA	入力オブジェクトの幅を指定します。TYPE属性の値がtext、passwordの場合は文字数で、その他はピクセルで指定します。
	MAXLENGTH	NUMBER	TYPE属性の値がtext、passwordの時に入力可能な最大文字数を指定します。指定しない時は文字数制限はありません。
	SRC	URI	TYPE属性の値がimageの時に、画像ファイルのURLを指定します。
	ALT	Text	入力オブジェクトが表示できない時に代わりに表示される文字列を指定します。
	USEMAP	URI	TYPE属性の値がimageの時に、MAP要素で定義されるクライアントサイド・イメージマップの名前を指定します。
	ISMAP	(ismap)	TYPE属性の値がimageの時に、サーバーサイド・イメージマップを対応させます。
	TABINDEX	NUMBER	TABキーを押したとき、ここで指定した数値の小さい順番にフォーカスが移動します。
	ACCESSKEY	Character	アクセスキーを指定します。例、IE5.0ではACCESSKEY="X"の場合、ALTキーを押しながらXキーを押した時、このリンクにフォーカスが移動します。IE4.0ではボタンが押されたことになります。もリンククリックで、アクセスキーはキー番号（数字）。
	ACCEPT	ContentTypeｓ	サーバーが処理可能なMIMEタイプを指定します。サーバーが処理出来ないデータを読み込まないようにする場合に使用します。
	ALIGN	(top|middle| bottom|left|right)	TYPE属性の値がimageの時に、テキストの回り込みを指定します。 top： 画像の上端にテキストの上端をあわせます。 middle： 画像の中央にテキストをあわせます。 bottom： 画像の下端にテキストの下端をあわせます。（標準） left： 画像は左に表示され、右側に文字が回りこみます。は未対応 right： 画像は右に表示 され、左側に文字が回りこみます。は未対応
	CLASS	CDATA	クラス名を指定します。
	ID	ID	IDを指定します。同じ文書内で同じIDは付けられない。
	STYLE	StyleSheet	CSSスタイルシートを設定します。
	TITLE	Text	内容を設定します。IEでは、マウスを近づけたときにバルーンでその内容が表示されます。
	onFocus	Script	JavaScriptでフォーカス獲得時に発生するイベントです。後に続く命令を実行します。
	onBlur	Script	JavaScriptでフォーカス損失時に発生するイベントです。後に続く命令を実行します。
	onSelect	Script	JavaScriptでテキストが選択された時に発生するイベントです。後に続く命令を実行します。
	onChange	Script	JavaScriptで値が変更された時に発生するイベントです。後に続く命令を実行します。

使用例

FORMエレメントを参照して下さい。

注意点

LABELエレメントを組み合せるようにしましょう。

Copyright (C) pokochan 2000-2005
http://www.tees.ne.jp/~pokochan/html/input.html
pokochan@mx1.tees.ne.jp