input type="image"

提供: ASCII.jp HTMLリファレンス

ver.8~ ver.7~ ver.14~ ver.5.1~ ver.11.5~
意味 画像ボタンでの送信
読み方 インプット

カテゴリー

フロー・コンテンツ
フレージング・コンテンツ
インタラクティブ・コンテンツ
リスト化/ラベル付け可能/送信可能/リセット可能なフォーム関連要素

親にできる要素/カテゴリー

フレージング・コンテンツが期待される場所

子にできる要素/カテゴリー

<input 属性="値">

属性 概要
name 文字列 フィールドの名前
alt 文字列 画像の代替となる文字列
formaction 文字列 ボタンごとのaction
formenctype 文字列 ボタンごとのenctype
formmethod 文字列 ボタンごとのmethod
formnovalidate 文字列 ボタンごとのnovalidate
formtarget 文字列 ボタンごとのtarget
height 整数値 画像の高さ
src URL 画像のアドレス
width 整数値 画像の幅

グローバル属性

accesskey,class,contenteditable,contextmenu,dir,draggable,hidden,id,lang,spellcheck,style,tabindex,title

説明

 type属性の値が「image」のinput要素は、画像を使ったボタンを表示します。また、それがクリックされたとき、フォームを送信します。

 src属性で、画像のアドレスを指定します。src属性は必須です。

 alt属性では、画像を扱えないユーザーやユーザーエージェントのために、画像の代替文字列を指定します。alt属性も必須です。

 width属性とheight属性で、画像の幅と高さが指定できます。

 formactionなどの属性の使い方は、type="submit"のinput要素と同じです。

サンプル

(body要素の内部のみ掲載)

<form action="server.php" method="post">
<p><label>お名前:<input type="text" name="name" required></label></p>
<p><input type="image" name="submit" src="submit.png" alt="送信"></p>
</form>

サンプル実行画像

Powered by Web Professional

目次