পseudoclass valid

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

সিনট্যাক্স

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

উদাহরণ

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

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

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

আরও দেখুন

পseudoclass :invalid,
যা একটি ইনপুটের স্টাইল নির্দিষ্ট করে যেখানে ভুল মান ইনপুট করা হয়েছে
পseudoclass :out-of-range,
যা সেসব এলিমেন্টের স্টাইল নির্দিষ্ট করে যাদের মান সীমার বাইরে চলে যায়
পseudoclass :in-range,
যা নির্দিষ্ট সীমার মান সহ এলিমেন্টগুলির স্টাইল নির্দিষ্ট করে