คุณสมบัติตัวยึดตำแหน่ง HTML DOM Input Text ใช้สำหรับการตั้งค่าหรือส่งคืนค่าแอตทริบิวต์ placeholder ของช่องข้อความอินพุต คุณสมบัติตัวยึดตำแหน่งใช้สำหรับให้คำแนะนำแก่ผู้ใช้หน้าเว็บเกี่ยวกับองค์ประกอบการป้อนข้อมูลโดยการแสดงข้อความภายในช่องใส่ก่อนที่ผู้ใช้จะป้อนข้อมูลใดๆ ข้อความตัวยึดตำแหน่งจะเป็นสีเทาโดยค่าเริ่มต้นและจะไม่ถูกส่งไปยังแบบฟอร์มซึ่งแตกต่างจากคุณสมบัติของค่า
ไวยากรณ์
ต่อไปนี้เป็นไวยากรณ์สำหรับ −
การตั้งค่าคุณสมบัติตัวยึดตำแหน่ง -
textObject.placeholder = text
ในที่นี้ ข้อความแสดงถึงข้อความตัวแทนที่ระบุคำใบ้สำหรับผู้ใช้เกี่ยวกับช่องข้อความ
ตัวอย่าง
ให้เราดูตัวอย่างสำหรับการป้อนคุณสมบัติตัวยึดข้อความ -
<!DOCTYPE html>
<html>
<body>
<h1>Input Text placeholder property</h1>
USERNAME: <input type="text" id="USR" placeholder="....">
<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("USR").placeholder = "Enter your username here..";
}
</script>
</body>
</html> ผลลัพธ์
สิ่งนี้จะสร้างผลลัพธ์ต่อไปนี้ -
เปลี่ยนตัวยึดตำแหน่งเรียบร้อยแล้ว -
