Pseudoclass valid

Pseudoclass valid menentukan gaya untuk input yang dimasukkan nilai benar atau nilai yang sesuai dengan tipe yang ditentukan.

Sintaks

cssselector: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:

html<p>Masukkan email Anda</p>
<p><input type="email"></p>

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

Результат:

Lihat juga