პსევდოკლასი valid
პსევდოკლასი valid ადგენს სტილს
ინფუთებისთვის, რომლებშიც შეყვანილია სწორი
მნიშვნელობა ან მნიშვნელობა, რომელიც შეესაბამება მითითებულ
ტიპს.
სინტაქსი
სელექტორი:valid {
}
მაგალითი
მოდით, შევცვალოთ ინფუთის ფონის ფერი ვარდისფერში, როდესაც შეყვანილია არასწორი მნიშვნელობა და უკან მწვანე ფერში, როდესაც მნიშვნელობამ გაიარა შემოწმება შერჩეული ტიპის შესაბამისად:
<p>შეიყვანეთ თქვენი ელ. ფოსტა</p>
<p><input type="email"></p>
input:invalid {
background: #E37D76;
}
input:valid {
background: #9DDFA4;
}
:
იხილეთ აგრეთვე
-
პსევდოკლასი
:invalid,
რომელიც ადგენს სტილს ინფუთისთვის, რომელშიც შეყვანილია არასწორი მნიშვნელობა -
პსევდოკლასი
:out-of-range,
რომელიც ადგენს სტილს ელემენტებისთვის, რომელთა მნიშვნელობები დიაპაზონის ფარგლებს გარეთაა -
პსევდოკლასი
:in-range,
რომელიც ადგენს სტილს ელემენტებისთვის დიაპაზონის მნიშვნელობებით