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

input”要素~“alt”属性

記事Sep.17th, 2020
画像の代替テキストを指定する属性
この記事はHTML Living Standardに対応しています。
この記事はHTML Living Standardに対応しています。

alt”属性について

alt”属性はtype="image"を指定したinput”要素代替テキストを指定します。

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

何らかの原因でsrc”属性で指定された画像ファイルが表示されない場合は代わりに“alt”属性の値が表示されます。

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

指定できる値

属性値 説明
テキスト 画像の代わりになるテキスト

サンプルコード

<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
はてなブックマーク