პსევდოკლასი valid

პსევდოკლასი valid ადგენს სტილს ინფუთებისთვის, რომლებშიც შეყვანილია სწორი მნიშვნელობა ან მნიშვნელობა, რომელიც შეესაბამება მითითებულ ტიპს.

სინტაქსი

cssსელექტორი:valid {
  
}

მაგალითი

მოდით, შევცვალოთ ინფუთის ფონის ფერი ვარდისფერში, როდესაც შეყვანილია არასწორი მნიშვნელობა და უკან მწვანე ფერში, როდესაც მნიშვნელობამ გაიარა შემოწმება შერჩეული ტიპის შესაბამისად:

html<p>შეიყვანეთ თქვენი ელ. ფოსტა</p>
<p><input type="email"></p>

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

Результат:

იხილეთ აგრეთვე