Thuộc tính width của HTML <input>

Thẻ <input> HTML

Định nghĩa và cách sử dụng

width Thuộc tính quy định chiều rộng của phần tử <input>.

Lưu ý:width Thuộc tính chỉ liên quan đến <input type="image"> Sử dụng cùng nhau.

Lưu ý:Việc chỉ định chiều cao và chiều rộng của hình ảnh là một thói quen tốt. Nếu đã thiết lập các thuộc tính này, khi trang web tải sẽ để trống không gian cần thiết cho hình ảnh. Nếu không có các thuộc tính này, trình duyệt sẽ không thể biết kích thước của hình ảnh, do đó không thể để trống không gian phù hợp. Trong trường hợp khi trang web và hình ảnh tải, bố cục trang web sẽ thay đổi.

Mô hình

Định nghĩa hình ảnh làm nút gửi, có thuộc tính height và width:

<form action="/action_page.php">
  <label for="fname">Tên:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Họ:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="image" src="img_submit.gif" alt="Gửi" width="48" height="48">
</form>

Thử ngay

Cú pháp

<input width="pixels">

Giá trị thuộc tính

Giá trị Mô tả
pixels Định nghĩa chiều rộng của phần tử <input> bằng pixel (ví dụ height="100").

Hỗ trợ trình duyệt

Số trong bảng chỉ ra phiên bản trình duyệt đầu tiên hỗ trợ thuộc tính này hoàn toàn.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ 16.0 Hỗ trợ Hỗ trợ

Ghi chú：width Thuộc tính là thuộc tính mới của thẻ <input> trong HTML5.

Thẻ <input> HTML