HTML <input> height属性

HTML <input> タグ

定義と使用方法

height 属性は<input>要素の高さを指定します。

注意：height 属性は <input type="image"> 同時に使用します。

ヒント：画像に高さと幅を指定することは良い習慣です。これらの属性が設定されている場合、ページが読み込まれると、画像が必要な空間が確保されます。これらの属性が設定されていない場合、ブラウザは画像のサイズを把握できず、適切な空間を確保することができません。これにより、ページと画像が読み込まれる際にページレイアウトが変わる場合があります。

例

画像を送信ボタンとして定義し、heightおよびwidth属性を設定します：

<form action="/action_page.php">
  <label for="fname">名前：</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">姓：</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="image" src="img_submit.gif" alt="Submit" width="48" height="48">
</form>

実際に試してみる

文法

<input height="pixels">

属性値

値 説明
pixels <input> 元素の高さをピクセル単位で指定します（例：height="100"）。

ブラウザのサポート

表の数字は、その属性を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
サポート サポート 16.0 サポート サポート

注記：height 属性は HTML5 における <input> タグの新しい属性です。

HTML <input> タグ