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

input”要素~“width”属性HTML5で追加

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

width”属性について

width”属性はtype="image"を指定したinput”要素で画像ボタンの横幅を指定します。

値はCSSピクセル数を単位のない正の整数で指定します。

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

指定できる値

属性値 説明
正の整数 画像の大きさの横幅のピクセル数

サンプルコード

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