<input type="image">

　<input type="image">は、画像やイメージを使った汎用のボタンを作成することができる <input> のタイプのひとつです。
　画像が利用できる、送信（submit）ボタンとして機能します。

　src パラメーターでボタンに使うイメージの場所を指定します。

コード

<input type="image" src="" />

表示例

　上記の例では、画像のソースを指定していません。画像のソースを指定しない場合は、デフォルトの機能が送信（submit）ですので送信と表示されます。

　画像が利用できて送信ボタンとして機能するエレメントに <button> があります。 <button> は type="button" で送信機能を無効にすることができます。

- ad -

属性

　以下には、送信ボタンとして設定できる属性を示します。

Attribute	Value	Extra information
type		扱うデータタイプまたはinputタグの形状
class		cssに使います。同名のclassは同じスタイルが適応されます。
src		ボタンとして表示するイメージのファイルの場所を指定。
以下は送信先ごとの設定。必要な場合のみ
formaction		FORMデータの送信先URL。この値でFORMのaction属性を上書き。type属性が 'submit' と 'img' である場合に有効。
formenctype		データのエンコーディングを指定。この値でFORMのaction属性を上書き。
formmethod		データの送信形式。この値でFORMのmethod属性を上書き。
formnovalidate		データを送信する前に制約を検証するかの可／否の指定。
formtarget		サーバーからの応答（レスポンス）を受け取るブラウジング画面の指定。この値でFORMのtarget属性を上書き。

ブラウザでの見え方

application/x-www-form-urlencoded: デフォルト値。encodeURI()などでURL エンコーディングした値に。
multipart/form-data: 複数のファイルをサーバーに送信する場合に指定。<input type="file">には必要な指定です。FormData API が使用されます。
text/plain: プレーンテキスト。デバッグでの用途。

　応答（レスポンス）を受け取るブラウジング画面の指定。<a>エレメント、Window、<iframe>による応答の受取ブラウンジング画面を指定できます。この値でFORMのtarget属性を上書き。

　＊詳しくはブラウジング画面ではなく、ブラウジング　コンテキストといいます。ブラウジングによるコンテントの表示状態を指すのですが、ここでは簡単にブラウジング画面といっています。

_self: デフォルト値。現在のブラウジング画面で応答を受け取ります。応答内容は現在からの遷移ページとして表示されます。
_blank: 新規のブラウジング画面で応答を受け取ります。新規のタブが追加表示されるのが前提ですが、実際はブラウザーによります。
_parent: parentにあたるブラウジング画面で応答を受け取ります。<iframe>を利用している場合は子documentで送信された応答はparent.documentで受け取ります。もしparentがなければ_selfとなります。
_top: トップレベルのブラウジング画面で応答を受け取ります。もし該当する画面がなければ_selfとなります。