Thuộc tính HTML <input> width

Thuộc tính width của phần tử chỉ được sử dụng với hình ảnh và cho phép bạn đặt chiều rộng của hình ảnh được thêm bằng cách sử dụng -

<input type=”image”>

Thuộc tính width được giới thiệu trong HTML5 và hoạt động như một nút gửi. Sau đây là cú pháp -

<input width="pixels">

Ở trên, chiều rộng biểu thị chiều rộng tính bằng pixel.

Bây giờ chúng ta hãy xem một ví dụ để triển khai thuộc tính width của phần tử trong đó chiều rộng được đặt cho hình ảnh loại đầu vào -

Ví dụ

<!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>

Đầu ra

Thuộc tính HTML input width

Trong ví dụ trên, chúng ta có một biểu mẫu có nút đang thêm hình ảnh -

<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>

Hình ảnh cho nút được thêm với hình ảnh loại đầu vào điều khiển biểu mẫu -

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

Thuộc tính chiều rộng được sử dụng để đặt chiều rộng của tập hợp hình ảnh này.

Thuộc tính HTML width

Ví dụ

Đầu ra