Thuộc tính kích thước Tìm kiếm đầu vào HTML DOM được sử dụng để đặt hoặc trả về giá trị thuộc tính kích thước trường tìm kiếm đầu vào. Nó được sử dụng để xác định chiều rộng trường tìm kiếm theo ký tự. Chiều rộng mặc định là 20 ký tự.
Cú pháp
Sau đây là cú pháp cho -
Đặt thuộc tính Kích thước tìm kiếm -
searchObject.size = number
Ở đây, số thể hiện chiều rộng trường tìm kiếm tính bằng ký tự. Chiều rộng mặc định là 20 ký tự.
Ví dụ
Hãy để chúng tôi xem xét một ví dụ cho thuộc tính Kích thước tìm kiếm đầu vào -
<!DOCTYPE html>
<html>
<body>
<h1>Input search size property</h1>
<form>
FRUITS: <input type="search" id="SEARCH1" name="fruits">
</form>
<p>Change the Search field width by clicking the below button</p>
<button onclick="changeSize()">CHANGE</button>
<p id="Sample">
<script>
function changeSize() {
document.getElementById("SEARCH1").size+=20;
var s=document.getElementById("SEARCH1").size;
document.getElementById("Sample").innerHTML="The search field width is now "+ s;
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Khi nhấp vào nút THAY ĐỔI -
