image

input要素のtype属性にimageを指定すると、送信用画像ボタンになる。

ブラウザ対応

構文

<input type="image" src="URL" alt="代替テキスト">

src="URL"

src属性に、送信用画像ボタンに使用する画像のURLを指定する

alt="代替テキスト"

alt属性に、画像の代替テキストを指定する

属性

属性 説明
alt属性 画像の代替テキストを指定する属性。
autofocus属性 オートフォーカスさせる属性。
disabled属性 無効にする属性。
form属性 属するform要素のid属性値を指定する属性。
formaction属性 フォームデータ送信先URLを指定する属性。
formenctype属性 送信データのエンコード・タイプを指定する属性。
formmethod属性 送信時のHTTPメソッドを指定する属性。
formnovalidate属性 入力内容の検証を無効にするかどうかを指定する属性。
formtarget属性 データ送信先の開き方を指定する属性。
height属性 高さを指定する属性。
name属性 名前を指定する属性。
src属性 画像のURLを指定する属性。
width属性 幅を指定する属性。

サンプルコード

<input type="image" src="sample.png" alt="送信">

サンプル

HTMLソースコード

<form action="sample-input-type.php" method="post" target="_blank">
	<p>
		<label>
			１行テキスト入力欄：
			<input type="text" name="sampleName">
		</label>
	</p>
	<p>
		<input type="image" src="input-type-image.png" alt="送信">
	</p>
</form>

実際の表示