type="image" 画像による送信ボタン

 
input要素
ホーム > HTML Note > input要素 > type="image"
H2- ie1- N1-

説明

<input type="image"> 空要素
イメージを使用した送信ボタンです。たとえば、
<input type="image" src="img/btn.gif" name="foo" width="100" height="100">
という画像をクリックした際には、イメージの左上を(0,0)とした座標(n,m)が、foo.x=n&foo.y=mとして送信されます。

送信(実行)ボタンを押すことで、name属性を持つフォームコントロールの値は、プログラムが処理するための「名前/値」のペアとなりサーバへ送信されます。送信されたデータは、form要素のaction属性で指定したサーバ側のプログラムをへ受け渡され指定された処理を行います。
 

属性 (W3C)

<input type="image"H2- ie1- N1-
一般属性 id class style title lang dir %events;
name="名前" H2- ie1- N1-
送信される部品名
value="初期値" H2-
初期値
disabled H4- ie4- N6-
無効化
src="URI" H2- ie1- N1-
画像URI  参照
alt="文章" H4- ie4- N7-
代替文
usemap="URI" H4- N2-
イメージマップ名
#記号を頭につけた名前で指定。  詳細
ismap H4- N6-
サーバ側のイメージマップ
align="位置" (非推奨) H2-x1 ie1- N1-
文字との位置関係  詳細
top画像上部と文字一行を揃えて表示
middle画像中央と文字一行を揃えて表示
bottom画像下部と文字一行を揃えて表示 (初期値)
left左に画像を浮動、右に文字を回り込み表示
right右に画像を浮動、左に文字を回り込み表示
tabindex="数字" H4- ie4- N6-
タブインデックス [0-32767]
([tab]キーを押したときに切り替わるフォーカスの順序を指定)
accesskey="文字" H4- ie4- N6-
アクセスキー
(Win[Alt]+[文字]、Mac[ctrl]+[文字]でフォーカス)
onfocus="スクリプト" H4- ie4- N6-
選択時
onblur="スクリプト" H4- ie4- N6-
選択解除時
datasrc="URI" H4 ie4-
未調査
datafld="CDATA" H4 ie4-
未調査
dataformatas=
"(plaintext|html)"
H4 ie4-
未調査
>

ブラウザ独自の属性 (ie N)

border="ピクセル" N1-
画像の枠線幅
dynsrc="URI" ie2-
AVIムービーURI
height="長さ" ie4- N1-
画像の高さ
N(px)、S%で指定。
hspace="" ie5- N4-
未調査
loop="(回数|infinite)" ie2-
AVIムービーの再生回数
lowsrc="URI" ie4- N4
ロード中の仮画像
sdapref="" H2
未調査
vspace="" ie5- N4-
未調査
width="長さ" ie4- N1-
画像の横幅
N(px)、S%で指定。

使用例

<input type="image" src="img/btn.gif" alt="送信" name="foo">
 
トップページ HTML Note ページトップ
 2006/07/11発行 2011/09/20更新