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

ใช้ :required เพื่อจัดสไตล์ <input> ที่มี Attribute required (บังคับกรอก)

ตัวอย่าง

<!DOCTYPE html>
<html>
<head>
    <style>
        input:required {
            background-color: orange;
        }
    </style>
</head>
<body>
    <form>
        Subject: <input type="text" name="subject" value="C++"><br>
        Student: <input type="text" name="student" value="Amit" required><br>
    </form>
</body>
</html>

ผลลัพธ์: Input "Student" ที่มี required จะมีพื้นหลังส้ม

คู่กับ :optional: :required สำหรับบังคับกรอก, :optional สำหรับไม่บังคับ