HTMLリファレンスマニュアル

HTMLタグ全一覧

HTML: <input> height属性

input height属性は<input>要素の高さを定義します、height属性は<input type="image">にのみ適用されます。

オンラインサンプル

定義画像をsubmitボタンとして、heightとwidth属性の大きさが50像素：

示例

!DOCTYPE　html>
<html>
<head>
<title>HTML:<input>　height　属性　-　基础教程网(oldtoolbag.com)</title>
<body>
<form　action="action_page.php">
　　First　name:　<input　type="text"　name="fname"><br>
　　Last　name:　<input　type="text"　name="lname"><br>
　　<input　type="image"　src="img_submit.gif"　alt="Submit"　width="50"　height="50">
</form>
</body>
</html>

テストして見て‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザが height 属性をサポートしています。

定義と使用方法

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

注意：height 属性は <input type="image"> にのみ適用されます。

ヒント：画像の height と width 属性を常に同時に指定する必要があります。height と width が設定されている場合、ページの読み込み中に画像が必要なスペースを確保します。これらの属性が設定されていない場合、ブラウザは画像のサイズを知らずに適切なスペースを確保できません。その結果、ページレイアウトは読み込み中（画像の読み込み時）に変更されます。

HTML 4.01 と HTML5の違い

height 属性は HTML5 中 <input> タグの新しい属性。

文法

<input height="ピクセル">

属性値

値	説明
ピクセル	ピクセル単位の高さ（例えば height="100"）。

　HTML <input> タグ

HTML: <template> タグ