<input> 태그의 width 속성
HTML <input> 태그 ⇒
정의 및 특징
<input> 태그의 width 속성은 <input> 요소의 너비를 픽셀 단위(in pixels)로 명시합니다.
이 속성은 <input> 요소의 type 속성값이 “image”인 경우에만 사용할 수 있습니다.
이미지의 height 속성과 width 속성은 언제나 명시하는 것이 좋습니다.
이 속성들이 명시되어 있으면 웹 페이지가 로드될 때 브라우저가 해당 이미지를 위한 적절한 공간을 남겨둘 수 있지만, 이 속성들이 명시되어 있지 않으면 브라우저는 이미지의 크기를 알 수 없어 필요한 공간을 남겨둘 수 없게 됩니다. 따라서 이미지가 로딩되는 순간 페이지의 레이아웃이 변경되는 결과를 초래할 수 있습니다.
문법
|
<input type="image" width="픽셀"> |
속성값
| 속성값 | 설명 | |
|---|---|---|
|
픽셀 |
이미지의 너비를 픽셀(pixel) 단위로 명시함. ex) width="400" |
예제
<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>
지원하는 브라우저 및 버전
| 속성명 |
|
|
|
|
|
|
|---|---|---|---|---|---|---|
| width | 1.0 | 지원함 | 지원함 | 16.0 | 지원함 | 1.0 |
HTML5에서 변경된 사항
width 속성은 HTML5에서 <input> 태그에 새롭게 추가된 속성입니다.
