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