home

หน้าแรก
 Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

บทบาทของ CSS :invalid Selector

ใช้ :invalid เพื่อจัดสไตล์ <input> ที่มีค่าไม่ถูกต้องตามประเภท (เช่น Email format ผิด)

ตัวอย่าง

<!DOCTYPE html>
<html>
<head>
    <style>
        input:invalid {
            background: red;
        }
    </style>
</head>
<body>
    <h2>Heading</h2>
    <input type="email" value="InvalidEmail">
    <p>The style (red color background) appears if you type an irrelevant/ invalid email address.</p>
</body>
</html>

ประโยชน์: ให้ Feedback ทันทีเมื่อ User กรอกข้อมูลผิด Format