このウェブサイトはご利用の端末での閲覧に対応していません。
This website does not support your device.

input”要素~“src”属性

記事Sep.17th, 2020
画像ファイルを指定する属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

src”属性について

src”属性はtype="image"を指定したinput”要素がボタンとして表示する画像ファイルを指定します。

値となるURLは相対パスや絶対パスで指定することができます。画像ファイルのファイル形式は一般的には“JPEG”、“GIF”、“PNG”の3種類が一般的です。

type="image"を指定したinput”要素では“src”属性は必須属性です。

機能としてはimg”要素src”属性と同じです。

指定できる値

属性値 説明
URL ボタンとする画像ファイルのURL

サンプルコード

<form method="post" action="sample-inputtag9.php" target="_blank">
<fieldset>
<label>好きな動物:
<select name="favorite">
<option value="白猫">白猫</option>>
<option value="黒猫">黒猫</option>
<option value="白黒猫">白黒猫</option>
<option value="キジトラ猫">キジトラ猫</option>
<option value="茶トラ猫">茶トラ猫</option>
<option value="三毛猫">三毛猫</option>
<option value="ほかの猫">ほかの猫</option>
</select>
</label>
</fieldset>
<p>
<input type="image" src="sample-button.png" alt="次へ" width="50" height="50">
</p>
</form>

*送信すると入力内容が表示されます。
一番上へ
トップにもどる
シェアする
シェアする
Facebookでシェアする
ツイート
Google+でシェア
Pocket
はてなブックマーク