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> 태그