HTML 참조 매뉴얼

HTML 태그大全

HTML: <input> width 속성

HTML input width 속성은 <input> 요소의 너비를 정의합니다. width 속성은 <input type="image">에만 적용되며, height와 width가 설정되면 페이지 로드 시 이미지가 필요한 공간을 유지합니다.

　HTML <input> 태그

온라인 예제

이미지를 제출 버튼으로 정의하고, height 및 width 속성 크기가45픽셀:

예제

<!DOCTYPE　html>
<html>
<head>
<title>HTML:<input>　width　속성　-　기본 튜토리얼 웹(oldtoolbag.com)</title>
<body>
<form　action="action_page.php">
　　성:　<input　type="text"　name="fname"><br>
　　이름:　<input　type="text"　name="lname"><br>
　　<input　type="image"　src="img_submit.gif"　alt="Submit"　width="45"height="45">
</form>
</body>
</html>

테스트를 보세요 ‹/›

브라우저 호환성

IEFirefoxOperaChromeSafari

모든 주요 브라우저가 width 속성을 지원합니다.

정의와 사용법

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

주의:width 속성은 <input type="image">에만 적용됩니다.

푸트:이미지의 height와 width 속성을 항상 동시에 지정해야 합니다. height와 width 속성이 설정되면 페이지가 로드될 때 이미지가 필요한 공간을 유지합니다. 그러나 이러한 속성이 없으면 브라우저는 이미지의 크기를 알 수 없으며 적절한 공간을 예약할 수 없습니다. 결과는 페이지 레이아웃이 로드 중(이미지 로드 시) 변경됩니다.

HTML 4.01 와 HTML5간의 차이

width 속성은 HTML5 중 <input> 태그의 새로운 속성.

문법

<input width="pixels">

속성 값

값	설명
pixels	픽셀 단위의 너비(예: width="100"）。

　HTML <input> 태그

HTML: <template> 태그