คุณสมบัติ placeholder ของ HTML DOM Input Text ใช้สำหรับตั้งค่าหรือส่งคืนค่าแอตทริบิวต์ placeholder ของช่องข้อความ input คุณสมบัติ placeholder ใช้ให้คำใบ้แก่ผู้ใช้เว็บเกี่ยวกับองค์ประกอบ input โดยแสดงข้อความภายในช่อง input ก่อนที่ผู้ใช้จะป้อนข้อมูล ข้อความ placeholder จะเป็นสีเทาโดยค่าเริ่มต้นและไม่ถูกส่งไปกับฟอร์มเหมือนคุณสมบัติ value
ไวยากรณ์
ไวยากรณ์สำหรับการตั้งค่าคุณสมบัติ placeholder:
textObject.placeholder = text
ที่นี่ text แทนข้อความ placeholder ที่ระบุคำใบ้สำหรับผู้ใช้เกี่ยวกับช่องข้อความ
ตัวอย่าง
มาดูตัวอย่างสำหรับคุณสมบัติ placeholder ของ input Text:
<!DOCTYPE html> <html> <body> <h1>Input Text placeholder property</h1> USERNAME: <input type="text" id="USR" placeholder="...."> <p>เปลี่ยนข้อความ placeholder ของช่องด้านบนโดยคลิกปุ่มด้านล่าง</p> <button onclick="changeHolder()">CHANGE</button> <script> function changeHolder() { document.getElementById("USR").placeholder = "Enter your username here.."; } </script> </body> </html>
ผลลัพธ์
จะได้ผลลัพธ์ดังนี้:
Placeholder เปลี่ยนสำเร็จ:
