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

პსევდოკლასი required აძლევს სტილს ინფუთს, რომელსაც აქვს ატრიბუტი required, ანუ ეს პსევდოკლასი ვრცელდება შევსებისთვის სავალდებულო ინფუთებზე.

სინტაქსი

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

მაგალითი

მოდით, მივანიჭოთ შევსებისთვის სავალდებულო ინფუთს ცისფერი ფონი:

html<form>
  <p>
    <label>შეიყვანეთ რიცხვი</label>
    <input type="number" required>
  </p>
  <p>
    <label>შეიყვანეთ ტექსტი</label>
    <input type="text">
  </p>
</form>
cssinput:required {
  background-color: #C2DDFD;
}

Результат:

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

  • პსევდოკლასი :optional,
    რომელიც აძლევს სტილს ინფუთს, რომელსაც არ აქვს ატრიბუტი required
  • პსევდოკლასი :default,
    რომელიც აძლევს სტილს ელემენტებს ნაგულისხმევად
  • პსევდოკლასი :indeterminate,
    რომელიც აძლევს სტილს გადამრთველებს, რომლებიც არაერთმნიშვნელოვან მდგომარეობაში არიან
  • პსევდოკლასი :read-only,
    რომელიც აძლევს სტილს ინფუთებს, რომლების შეცვლაც შეუძლებელია
  • პსევდოკლასი :read-write,
    რომელიც აძლევს სტილს ინფუთებს, რომლების შეცვლაც შესაძლებელია