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

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

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

Lưu ý:height 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 được 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. Trình duyệt sẽ thay đổi bố cục trang khi trang web và hình ảnh được tả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="Submit" width="48" height="48">
</form>

Thử ngay

Cú pháp

<input height="pixels">

Giá trị thuộc tính

Giá trị Mô tả
pixels Định nghĩa chiều cao của phần tử <input>, tính 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ú:height Thuộc tính là thuộc tính mới của thẻ <input> trong HTML5.