পseudoclass invalid

পseudoclass invalid একটি ইনপুটের জন্য স্টাইল নির্দিষ্ট করে যাতে ভুল মান প্রবেশ করানো হয়েছে বা নির্দিষ্ট টাইপের সাথে সঙ্গতিপূর্ণ নয় এমন মান।

সিনট্যাক্স

cssসিলেক্টর:invalid {

}

উদাহরণ

আসুন ইনপুটের ব্যাকগ্রাউন্ড গোলাপী রঙে পরিবর্তন করি, যখন একটি ভুল মান প্রবেশ করানো হয় এবং পিছনে সবুজ রঙে, যখন মান নির্বাচিত টাইপের সাথে সঙ্গতি যাচাই পাস করেছে:

html<p>আপনার ইমেইল প্রবেশ করান</p>
<p><input type="email"></p>
cssinput:invalid {
  background: #E37D76;
}
input:valid {
  background: #9DDFA4;
}

Результат:

আরও দেখুন

  • পseudoclass :valid,
    যা একটি ইনপুটের জন্য স্টাইল নির্দিষ্ট করে যাতে সঠিক মান প্রবেশ করানো হয়েছে
  • পseudoclass :default,
    যা ডিফল্ট উপাদানগুলির জন্য স্টাইল নির্দিষ্ট করে
  • পseudoclass :in-range,
    যা মানের একটি নির্দিষ্ট পরিসর সহ উপাদানগুলির জন্য স্টাইল নির্দিষ্ট করে
  • পseudoclass :out-of-range,
    যা সেইসব উপাদানগুলির জন্য স্টাইল নির্দিষ্ট করে যাদের মান পরিসরের সীমার বাইরে