English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
مختار :invalid CSS يشير إلى أي <input> أو عنصر <form> آخر لم يتم تمريره من قبل التحقق.
إذا كانت القيمة في عنصر <input> غير صحيحة، يتم تعيين النمط إلى اللون الأزرق:
!DOCTYPE html
<html>
<head>
<meta charset="utf-8">
<title>دليل أساسي (oldtoolbag.com)</title>
<style>
input:invalid
{
border:2px solid blue;
}
</style>
</head>
<body>
<h3>مثال على مختار :invalid.</h3>
<input type="email" value="supportEmail" />
<p>الرجاء إدخال عنوان بريد إلكتروني صالح، لرؤية التغيير في النمط.</p>
</body>
</html>التحقق من ذلك ‹/›يستخدم مختار :invalid لتحديد النمط المحدد عند أن تكون القيمة غير صالحة في عنصر النموذج.
ملاحظة: مختار :invalid يعمل فقط على العناصر التي يمكن تحديد نطاق القيمة، مثل عناصر <input> التي تحتوي على خصائص min وmax، وكذلك الحقول البريدية الصحيحة، والحقول الرقمية الصحيحة، وما إلى ذلك.
الرقم في الجدول يعكس إصدار أول متصفح يدعم الخاصية.
| مختار | |||||
|---|---|---|---|---|---|
| :invalid | 10.0 | 10.0 | 4.0 | 5.0 | 10.0 |
/* يمكن تحديد أي <input> غير صالح بشكل اختياري */
input:invalid {
background-color: pink;
}هذا الاسم المزيف مفيد جدًا لتحديد أخطاء الحقول المستخدمة من قبل المستخدم.
مختار CSS :valid