คุณสมบัติ size ของ HTML DOM Input Search ใช้สำหรับตั้งค่าหรือส่งคืนค่าแอตทริบิวต์ size ของช่องค้นหา input ใช้กำหนดความกว้างของช่องค้นหาในรูปของจำนวนตัวอักษร ความกว้างเริ่มต้นคือ 20 ตัวอักษร
ไวยากรณ์
ไวยากรณ์สำหรับการตั้งค่าคุณสมบัติ size ของ Search:
searchObject.size = number
ที่นี่ number แทนความกว้างของช่องค้นหาในตัวอักษร ความกว้างเริ่มต้นคือ 20 ตัวอักษร
ตัวอย่าง
มาดูตัวอย่างสำหรับคุณสมบัติ size ของ Input search:
<!DOCTYPE html> <html> <body> <h1>Input search size property</h1> <form> FRUITS: <input type="search" id="SEARCH1" name="fruits"> </form> <p>เปลี่ยนความกว้างของช่องค้นหาด้วยการคลิกปุ่มด้านล่าง</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:
