دليل مرجعي CSS

قواعد CSS @

كامل قائمة خصائص CSS

مختار :valid CSS

مثال على الإنترنت

إذا كان القيمة المدخلة في عنصر input صحيحة، يتم تعيينه إلى اللون الأصفر:

مثال

!DOCTYPE html
<html>
<head>
<meta charset="utf-8">　
<title>دليل أساسي (oldtoolbag.com)</title>　
<style>
input:valid
{
　　　　background-color: yellow;
}
</style>
</head>
<body>
<h3>مثال على مختار :valid.</h3>
<input type="email" value="[email protected]" />
<p>أدخل عنوان بريد إلكتروني غير صحيح، لرؤية التغيير في النمط.</p>
</body>
</html>

الاختبار لرؤية ‹/›

تعريف والاستخدام

يتم تعيين النمط المحدد للمختار :valid عند الحاجة إلى التحقق من قيمة عنصر النموذج بناءً على الشروط المحددة.

ملاحظة: 　المختار :valid يعمل فقط على العناصر التي يمكن تحديد نطاق القيمة لها، مثل خصائص min وmax في عناصر input، وحقول البريد الإلكتروني الصحيحة، وحقول الأرقام الصحيحة، وما إلى ذلك.

توافق المتصفحات

الرقم في الجدول يوضح إصدار المتصفح الأول الذي يدعم الخاصية.

المختار
:valid	10.0	10.0	4.0	5.0	10.0

قواعد CSS

:valid
{
　　　　إعلان css;
}

الصفحات ذات الصلة

مختار CSS :invalid

دليل مرجعي شامل للإنتقاء CSS

وظائف CSS دليل الكاشفات في CSS