พิวโดคลาส valid

พิวโดคลาส valid กำหนดสไตล์ สำหรับอินพุตที่ป้อนค่าถูกต้อง หรือค่าที่สอดคล้องกับประเภท ที่ระบุ

ไวยากรณ์

cssตัวเลือก:valid {
  
}

ตัวอย่าง

ลองเปลี่ยนพื้นหลังของอินพุตเป็นสีชมพู เมื่อป้อนค่าผิด และเปลี่ยนกลับ เป็นสีเขียว เมื่อค่าผ่าน การตรวจสอบความสอดคล้องกับประเภท ที่เลือก:

html<p>ป้อนอีเมลของคุณ</p>
<p><input type="email"></p>

cssinput:invalid {
  background: #E37D76;
}
input:valid {
  background: #9DDFA4;
}

Результат:

ดูเพิ่มเติม