<input type="image">

概要

<input type="image"> は画像を送信ボタンとして使用します。クリック座標もフォームデータとして送信されます。

対応ブラウザ

基本構文

<form action="/submit">
  <input type="image" src="submit-btn.png"
    alt="送信" width="100" height="40">
</form>

実務での使いどころ

• <input type="image"> の活用

  画像ボタン型input要素。画像をクリック可能な送信ボタンとして使用。

注意点

アクセシビリティ

• スクリーンリーダーでの読み上げを確認すること。

参考リンク

• MDN Web Docs — <input type="image">