src属性

input要素のsrc属性は、画像ボタンに使用する画像のURLを指定する属性。

ブラウザ対応

構文

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

URL

URLに指定出来る値。

  • 絶対URL。例:http://html5.cyberlab.info/sample.png
  • 相対URL。例:sample.png

src属性に対応しているinput要素のタイプ(type属性値)

サンプルコード

絶対URL

<input type="image" src="http://html5.cyberlab.info/sample.png">

相対URL

<input type="image" src="sample.png">

サンプル

HTMLソースコード

<p>
	絶対URLで指定: <input type="image" src="http://html5.cyberlab.info/elements/forms/input-type-image.png">
</p>
<p>
	相対URLで指定: <input type="image" src="input-type-image.png">
</p>

実際の表示

絶対URLで指定:

相対URLで指定: