<input>要素の"image"型

<input>要素の”image”型

フォーム内に「画像」を使ってボタンを配置したい場合に利用します。
なお、image型に value属性 を指定しても受け付けられません。

alt

画像が表示できない場合の「代替文字列」を指定します。

formaction

データの送信先のURLを示します。<form> 要素のaction属性よりも優先されます。

formenctype

フォームのデータをサーバーに送信する際に使われるエンコーディング方法を識別します。<form> 要素のaction属性よりも優先されます。

• application/x-www-form-urlencoded
  （デフォルト）URL エンコーディングした後で送信します。
• multipart/form-data
  複数のファイルをサーバーに送信することができます。file型 の項目を含む場合、この値を指定する必要があります。
• text/plain
  エンコーディングを行わずに送信します。

formmethod

フォームのデータを送信するときに使用する HTTP メソッドを文字列で指定します。

• get
• post
• dialog

formnovalidate

この属性を指定した場合、ブラウザによるフォームの検証は行われません。

formtarget

フォームの送信後に表示されるページをどの画面に表示するかを指定します。
以下のキーワードは特別な意味を持ちます。

• _self: 現在と同じ閲覧コンテキストに URL を読み込みます。これは既定の動作です。
• _blank: 新しい閲覧コンテキストに URL を読み込みます。通常はタブですが、新しいウィンドウを使用するようにブラウザーを設定できます。
• _parent: 現在の閲覧コンテキストの親コンテキストに URL を読み込みます。親がない場合は、_self と同じ振る舞いをします。
• _top: トップレベルの閲覧コンテキスト (現在のコンテキストの祖先で “最上位” の閲覧コンテキストであり、親を持たない) に URL を読み込みます。親閲覧コンテキストがない場合は、_self と同じ振る舞いをします。

height

ボタンの高さをpx値で指定します。

width

ボタンの幅をpx値で指定します。

src

画像ファイルのURLを指定します。

サンプル

See the Pen vYBzaRj by Masahiko Iwakiri (@m-iwakiri) on CodePen.