แอตทริบิวต์ placeholder คืออะไร?
แอตทริบิวต์ placeholder ของแท็ก <textarea> ใช้สำหรับตั้งค่า ข้อความแนะนำ (Hint) ที่แสดงในพื้นที่กรอกข้อความ ก่อนที่ผู้ใช้จะเริ่มพิมพ์ เช่น "กรอกชื่อของคุณ", "กรอกหมายเลขโทรศัพท์", "เขียนไม่เกิน 100 คำ" เป็นต้น
ไวยากรณ์ (Syntax)
<textarea placeholder="ข้อความแนะนำ"></textarea>
ตัวอย่างการใช้งาน
<!DOCTYPE html> <html> <body> <h2>คำถามสัมภาษณ์งาน</h2> <p>Q1</p> <textarea rows="6" cols="70" placeholder="ทำไมคุณถึงต้องการตำแหน่งบรรณาธิการ? (100 คำ)"></textarea> <p>Q2</p> <textarea rows="6" cols="70" placeholder="คุณเคยมีประสบการณ์ด้านการเผยแพร่หรือไม่? (100 คำ)"></textarea> </body> </html>
ผลลัพธ์
จะเห็นกล่องข้อความ 2 กล่อง พร้อมข้อความแนะนำสีจางอยู่ภายใน เมื่อผู้ใช้คลิกเพื่อพิมพ์ ข้อความแนะนำจะหายไปอัตโนมัติ
คุณสมบัติสำคัญ
- ข้อความ placeholder จะหายไปเมื่อผู้ใช้เริ่มพิมพ์
- ไม่ถูกส่งไปกับฟอร์มเมื่อกด Submit
- รองรับใน HTML5 ทุกเบราวเซอร์สมัยใหม่
- ควรใช้ข้อความสั้น กระชับ ชัดเจน
