..

Search

height

height

<input> 태그의 height 속성


HTML <input> 태그 ⇒


정의 및 특징

<input> 태그의 height 속성은 <input> 요소의 높이를 픽셀 단위(in pixels)로 명시합니다.

 

이 속성은 <input> 요소의 type 속성값이 “image”인 경우에만 사용할 수 있습니다.

 

이미지의 height 속성과 width 속성은 언제나 명시하는 것이 좋습니다.

이 속성들이 명시되어 있으면 웹 페이지가 로드될 때 브라우저가 해당 이미지를 위한 적절한 공간을 남겨둘 수 있지만, 이 속성들이 명시되어 있지 않으면 브라우저는 이미지의 크기를 알 수 없어 필요한 공간을 남겨둘 수 없게 됩니다. 따라서 이미지가 로딩되는 순간 페이지의 레이아웃이 변경되는 결과를 초래할 수 있습니다.


문법

<input type="image" hegiht="픽셀">


속성값

속성값   설명

픽셀

 

이미지의 높이를 픽셀(pixel) 단위로 명시함.

ex) height="300"


예제
<form action="/examples/media/action_target.php" method="get">
    캐릭터명 : <input type="text" name="char_name"><br>
    비밀번호 : <input type="password" name="password"><br>
    <input type="image" src="/examples/images/submit_icon.png" alt="제출버튼" height="30" width="30">
</form>

코딩연습 ▶


지원하는 브라우저 및 버전

속성명

chrome

edge

ie

firefox

safari

opera

height 1.0 지원함 지원함 16.0 지원함 1.0

HTML5에서 변경된 사항

height 속성은 HTML5에서 <input> 태그에 새롭게 추가된 속성입니다.


연습문제