Pseudoclass valid
Pseudoclass valid menentukan gaya
untuk input yang dimasukkan nilai benar
atau nilai yang sesuai dengan tipe
yang ditentukan.
Sintaks
selector:valid {
}
Contoh
Mari ubah warna latar belakang input menjadi merah muda, ketika nilai yang dimasukkan salah, dan kembali ke hijau, ketika nilainya telah lulus pengecekan kesesuaian dengan tipe yang dipilih:
<p>Masukkan email Anda</p>
<p><input type="email"></p>
input:invalid {
background: #E37D76;
}
input:valid {
background: #9DDFA4;
}
:
Lihat juga
-
pseudoclass
:invalid,
yang menentukan gaya untuk input yang dimasukkan nilai salah -
pseudoclass
:out-of-range,
yang menentukan gaya untuk elemen yang nilainya berada di luar rentang -
pseudoclass
:in-range,
yang menentukan gaya untuk elemen dengan rentang nilai yang ditentukan
