คุณสมบัติตัวยึดตำแหน่ง HTML DOM Input Search ใช้สำหรับการตั้งค่าหรือส่งคืนค่าแอตทริบิวต์ placeholder ของช่องค้นหาอินพุต คุณสมบัติตัวยึดตำแหน่งใช้สำหรับให้คำแนะนำแก่ผู้ใช้หน้าเว็บเกี่ยวกับองค์ประกอบการป้อนข้อมูลโดยการแสดงข้อความภายในช่องใส่ก่อนที่ผู้ใช้จะป้อนข้อมูลใดๆ ข้อความตัวยึดตำแหน่งจะเป็นสีเทาโดยค่าเริ่มต้นและจะไม่ถูกส่งไปยังแบบฟอร์มซึ่งแตกต่างจากคุณสมบัติของค่า
ไวยากรณ์
ต่อไปนี้เป็นไวยากรณ์สำหรับ −
การตั้งค่าคุณสมบัติตัวยึดตำแหน่ง -
searchObject.placeholder = text
ในที่นี้ ข้อความแสดงถึงข้อความตัวแทนที่ระบุคำใบ้สำหรับผู้ใช้เกี่ยวกับช่องค้นหา
ตัวอย่าง
ให้เราดูตัวอย่างของคุณสมบัติตัวยึดตำแหน่งการค้นหาอินพุต -
<!DOCTYPE html>
<html>
<body>
<h1>earch placeholder property</h1>
<form>
FRUITS: <input type="search" id="SEARCH1" name="fruits">
</form>
<p>Change the placeholder text of the above field by clicking the below button</p>
<button onclick="changeHolder()">CHANGE</button>
<script>
function changeHolder() {
document.getElementById("SEARCH1").placeholder = "Search for the fruits here..";
}
</script>
</body>
</html> ผลลัพธ์
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -
เมื่อคลิกปุ่ม CHANGE -
