CSS ::placeholder โพรแกรมเม้นท์

การเขียนและการใช้งาน

CSS ::placeholder โพรแกรมเม้นท์ใช้เพื่อตั้งค่า <input> หรือ <textarea> รูปแบบของข้อความตั้งค่าแบบยืนยันขององค์ประกอบ

ข้อความตั้งค่าแบบยืนยันจะถูกกำหนดโดยคุณสมบัติ placeholder ซึ่งบ่งชี้ค่าที่คาดว่าจะมีของช่องว่างนี้

คำแนะนำ:ในส่วนใหญ่ของบราวเซอร์ สีของข้อความตั้งค่าแบบยืนยันเป็นขาวหลากๆ

ตัวอย่าง

เปลี่ยนสีและความโปร่งใสของข้อความตั้งค่าแบบยืนยันในช่องว่างที่ใส่ข้อมูล:

input::placeholder {
  color: red;
  opacity: 0.5;
}

ทดลองด้วยตัวเอง

CSS ภาษา

::placeholder {
  การประกาศ CSS;
}

รายละเอียดเทคโนโลยี

รุ่น: CSS Pseudo-elements Module Level 4

การสนับสนุนโพรแกรมเม้นท์

ตัวเลขในตารางบ่งชี้เวอร์ชันบราวเซอร์แรกที่สนับสนุนโพรแกรมเม้นท์นี้อย่างเต็มที่。

Chrome Edge Firefox Safari Opera
57 79 51 10.1 44

หน้าที่เกี่ยวข้อง

CSS ความหมาย:placeholder-shown โพรแกรมเม้นท์