HTML <input> width 속성

HTML <input> 태그

정의와 사용법

width 속성은 <input> 요소의 너비를 정의합니다.

주의:width 속성은 <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="제출" width="48" height="48">
</form>

직접 시험해보세요

문법

<input width="pixels">

속성 값

값 설명
pixels <input> 요소의 너비를 픽셀로 지정합니다(예: height="100").

브라우저 지원

표의 숫자는 해당 속성을 최초로 완전히 지원하는 브라우저 버전을 나타냅니다.

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 지원 16.0 지원 지원

주의사항:width 속성은 HTML5에서 <input> 태그의 새로운 속성입니다.

HTML <input> 태그