HTML <input> height属性
例
画像を送信ボタンとして定義し、height および width 属性を指定します：
<form action="demo_form.html">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="image" src="img_submit.gif.html" alt="Submit" width="48" height="48">
</form>
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="image" src="img_submit.gif.html" alt="Submit" width="48" height="48">
</form>
試してみる »
ブラウザサポート
すべての主要ブラウザは height 属性をサポートしています。
定義と使い方
height 属性は <input> 要素の高さを指定します。
注意：height 属性は <input type="image"> にのみ適用されます。
ヒント：画像に height と width 属性を指定することは良い習慣です。これらの属性を設定すると、ページが読み込まれるときに画像用の必要なスペースが確保されます。一方、これらの属性がない場合、ブラウザは画像のサイズを認識できないため、適切なスペースを確保できません。その結果、ページと画像の読み込み時にページレイアウトが変化します。
HTML 4.01 と HTML5 の違い
height 属性は HTML5 の <input> タグの新しい属性です。
構文
<input height="pixels">
属性値
| 值 | 説明 |
|---|---|
| pixels | ピクセル単位の高さ（例: height="100"）。 |
HTML <input> タグ その他の拡張