คุณสมบัติ value ของ HTML DOM Input search เกี่ยวข้องกับองค์ประกอบ input ที่มี type=”search” และแอตทริบิวต์ value ใช้สำหรับส่งคืนค่าของแอตทริบิวต์ value ของช่องค้นหา input หรือตั้งค่ามัน คุณสมบัตินี้ใช้ระบุค่าเริ่มต้นสำหรับช่องค้นหาและยังเปลี่ยนค่าเป็นการป้อนข้อมูลของผู้ใช้ได้
ไวยากรณ์
ไวยากรณ์สำหรับการตั้งค่าคุณสมบัติ value:
searchObject.value = text;
ที่นี่ text ใช้ระบุค่าสำหรับช่องค้นหา
ตัวอย่าง
มาดูตัวอย่างสำหรับคุณสมบัติ value ของ input search:
<!DOCTYPE html> <html> <body> <h1>Input search Value property</h1> <form> FRUITS: <input type="search" id="SEARCH1" name="fruits"> </form> <p>ดึงค่าขององค์ประกอบด้านบนโดยคลิกปุ่มด้านล่าง</p> <button onclick="getValue()">Get Value</button> <p id="Sample"></p> <script> function getValue() { var t = document.getElementById("SEARCH1").value; document.getElementById("Sample").innerHTML = "The value for the input field is : "+t; } </script> </body> </html>
ผลลัพธ์
จะได้ผลลัพธ์ดังนี้:
เมื่อพิมพ์ข้อความบางอย่างแล้วคลิกปุ่ม “Get Value”:
