แอตทริบิวต์ placeholder ใน HTML

แอตทริบิวต์ placeholder ใน HTML แสดงข้อความที่ปรากฏในองค์ประกอบ input/textarea ก่อนที่ผู้ใช้จะเริ่มป้อนข้อมูล

ไวยากรณ์

<tagname placeholder="text"></tagname>

ตัวอย่าง

<!DOCTYPE html>
<html>
<style>
  body {
    color: #000;
    height: 100vh;
    background-color: #8BC6EC;
    background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
    text-align: center;
  }
</style>
<body>
<h1>ตัวอย่าง HTML placeholder</h1>
<input type="text" placeholder='ป้อนชื่อของคุณ'>
<input type="text" placeholder='ป้อนนามสกุลของคุณ'>
</body>
</html>

ผลลัพธ์

แสดงช่องป้อนข้อความสองช่อง พร้อมข้อความ placeholder "ป้อนชื่อของคุณ" และ "ป้อนนามสกุลของคุณ"