HTML <input> 높이 속성

❮ HTML <입력> 태그

예시

높이 및 너비 속성을 사용하여 이미지를 제출 버튼으로 정의합니다.

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

정의 및 사용

height속성은 요소의 높이를 지정 합니다 <input>.

참고: 속성 height은 에서만 사용됩니다 <input type="image">.

팁: 항상 이미지에 대해 height width속성을 모두 지정하십시오. 높이와 너비가 설정되어 있으면 페이지가 로드될 때 이미지에 필요한 공간이 예약됩니다. 그러나 이러한 속성이 없으면 브라우저는 이미지의 크기를 알지 못하며 적절한 공간을 확보할 수 없습니다. 결과는 로드하는 동안(이미지가 로드되는 동안) 페이지 레이아웃이 변경된다는 것입니다.


브라우저 지원

표의 숫자는 속성을 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다.

Attribute
height Yes Yes 16.0 Yes Yes

통사론

<input height="pixels">

속성 값

Value Description
pixels The height in pixels (e.g. height="100")

❮ HTML <입력> 태그