คุณสมบัติขนาดการค้นหาอินพุต HTML DOM ใช้สำหรับการตั้งค่าหรือส่งคืนค่าแอตทริบิวต์ขนาดช่องค้นหาอินพุต ใช้สำหรับกำหนดความกว้างของช่องค้นหาในแง่ของอักขระ ความกว้างเริ่มต้นคือ 20 อักขระ
ไวยากรณ์
ต่อไปนี้เป็นไวยากรณ์สำหรับ −
การตั้งค่าคุณสมบัติขนาดการค้นหา -
searchObject.size = number
ในที่นี้ ตัวเลขแสดงถึงความกว้างของช่องค้นหาเป็นอักขระ ความกว้างเริ่มต้นคือ 20 อักขระ
ตัวอย่าง
ให้เราดูตัวอย่างสำหรับคุณสมบัติขนาดการค้นหาอินพุต -
<!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> ผลลัพธ์
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -
เมื่อคลิกปุ่ม CHANGE -
