পseudoclass valid

পseudoclass valid স্টাইল নির্দিষ্ট করে সেসব ইনপুটের জন্য যেগুলিতে সঠিক মান ইনপুট করা হয়েছে বা নির্দিষ্ট টাইপের সাথে মিলে যায় এমন মান ইনপুট করা হয়েছে।

সিনট্যাক্স

cssসিলেক্টর:valid {
  
}

উদাহরণ

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

html<p>আপনার ইমেইল লিখুন</p>
<p><input type="email"></p>

cssinput:invalid {
  background: #E37D76;
}
input:valid {
  background: #9DDFA4;
}

Результат:

আরও দেখুন