Pseudokelas valid
Pseudokelas valid menetapkan gaya
untuk input yang dimasukkan nilai yang betul
atau nilai yang sepadan dengan jenis
yang ditentukan.
Sintaks
selector:valid {
}
Contoh
Mari kita ubah warna latar belakang input kepada merah jambu, apabila nilai yang tidak betul dimasukkan dan kembali kepada hijau, apabila nilai telah lulus penyemakan kesesuaian jenis yang dipilih:
<p>Masukkan email Anda</p>
<p><input type="email"></p>
input:invalid {
background: #E37D76;
}
input:valid {
background: #9DDFA4;
}
:
Lihat juga
-
pseudokelas
:invalid,
yang menetapkan gaya untuk input yang dimasukkan nilai yang tidak betul -
pseudokelas
:out-of-range,
yang menetapkan gaya untuk elemen yang nilainya keluar dari julat -
pseudokelas
:in-range,
yang menetapkan gaya untuk elemen dengan julat nilai yang ditetapkan
