พีวดูคลาส placeholder-shown
พีวดูคลาส placeholder-shown กำหนดสไตล์ให้กับ
อินพุตหรือเท็กซ์แอเรีย ที่กำลังแสดง
สิ่งที่เรียกว่าข้อความคำแนะนำ ซึ่งจะหายไปหลังจากเริ่ม
ป้อนข้อความ
ไวยากรณ์
ตัวเลือก:placeholder-shown {}
ตัวอย่าง
มาลองตั้งค่าขอบสีแดงให้กับอินพุต ที่กำลังแสดงข้อความคำแนะนำ และหลังจาก ผู้ใช้ป้อนข้อความแล้ว ขอบจะเปลี่ยนเป็น สีเขียว:
<form>
<input placeholder="enter the text">
</form>
input {
border: 1px solid green;
}
input:placeholder-shown {
border-color: red;
}
:
ดูเพิ่มเติม
-
แอตทริบิวต์
placeholder,
ซึ่งกำหนดคำแนะนำสำหรับช่องป้อนข้อมูล -
พีวดูเอลิเมนต์
placeholder,
ซึ่งกำหนดสไตล์สำหรับคำแนะนำ
