แอตทริบิวต์ placeholder

แอตทริบิวต์ placeholder กำหนดคำแนะนำ ในช่องป้อนข้อมูลของ ฟอร์ม HTML

คำแนะนำดังกล่าวจำเป็นเพื่อ ระบุให้ผู้ใช้ทราบว่าควรป้อนข้อมูลใด ลงในช่องนี้ คำแนะนำจะ ปรากฏอยู่ในช่องป้อนข้อมูล แต่ต่างจาก แอตทริบิวต์ value ตรงที่จะหายไปโดยอัตโนมัติเมื่อพยายาม ป้อนข้อความ

นำไปใช้กับแท็ก input, textarea

คุณสามารถใช้ CSS จัดสไตล์คำแนะนำ placeholder ได้โดยใช้ซูโดเอลิเมนต์ placeholder

ตัวอย่าง

มาตั้งค่าคำแนะนำ placeholder ให้ช่องป้อนข้อมูลกัน:

:

ตัวอย่าง . แอตทริบิวต์ value พร้อมกับ placeholder

และที่นี่มาตั้งค่าทั้งคำแนะนำ placeholder และแอตทริบิวต์ value ให้ช่องป้อนข้อมูลพร้อมกัน หากคุณลบเนื้อหาของแอตทริบิวต์ value ออก คุณจะเห็นคำแนะนำที่ซ่อนอยู่ข้างใต้:

:

ดูเพิ่มเติม