HTML <입력> 너비 속성

<시간/>

요소의 너비 속성은 이미지에만 사용되며 -

를 사용하여 추가된 이미지의 너비를 설정할 수 있습니다.

<input type=”image”>

너비 속성은 HTML5에 도입되었으며 제출 버튼 역할을 합니다. 다음은 구문입니다 -

<input width="pixels">

위에서 너비는 픽셀 단위의 너비를 나타냅니다.

이제 너비가 입력 유형 이미지 -

에 대해 설정된 요소의 너비 속성을 구현하는 예를 살펴보겠습니다.

예시

<!DOCTYPE html>
<html>
<body>
<h2>Register</h2>
<form action="" method="get">
   Id − <input type="text" name="id" placeholder="Enter UserId here..." size = "25"><br>
   Password − <input type="password" name="pwd" placeholder="Enter password here..."><br>
   DOB − <input type="date" name="dob"><br>
   Telephone − <input type="tel" name="tel" placeholder="Enter mobile number here..."><br>
   Email − <input type="email" name="email" placeholder="Enter email here..." size = "35"><br><br>
   <input type="image" src="go.jpg" alt="Submit" width="120" height="60">
</form>
</body>
</html>

출력

HTML 입력 너비 속성

위의 예에서 이미지를 추가하는 버튼이 있는 양식이 있습니다 -

<form action="" method="get">
   Id − <input type="text" name="id" placeholder="Enter UserId here..." size = "25"><br>
   Password − <input type="password" name="pwd" placeholder="Enter password here..."><br>
   DOB − <input type="date" name="dob"><br>
   Telephone − <input type="tel" name="tel" placeholder="Enter mobile number here..."><br>
   Email − <input type="email" name="email" placeholder="Enter email here..." size = "35"><br><br>
   <input type="image" src="go.jpg" alt="Submit" width="120" height="60">
</form>

버튼에 대한 이미지는 폼 컨트롤 입력 유형 이미지와 함께 추가됩니다 -

<input type="image" src="go.jpg" alt="Submit" width="120" height="60">

너비 속성은 이 이미지 세트의 너비를 설정하는 데 사용됩니다.