Required psevdoklassi

required psevdoklassi required atributiga ega bo'lgan inputga uslub beradi, ya'ni bu psevdoklass to'ldirilishi majburiy bo'lgan inputlarga qo'llaniladi.

Sintaksis

cssselector:required {}

Misol

Keling, to'ldirilishi majburiy bo'lgan inputga havo rang fon beramiz:

html<form>
  <p>
    <label>Raqam kiriting</label>
    <input type="number" required>
  </p>
  <p>
    <label>Matn kiriting</label>
    <input type="text">
  </p>
</form>
cssinput:required {
  background-color: #C2DDFD;
}

Результат:

Shuningdek qarang

  • :optional psevdoklassi,
    u required atributiga ega bo'lmagan inputga uslub beradi
  • :default psevdoklassi,
    u standart elementlarga uslub beradi
  • :indeterminate psevdoklassi,
    u noaniq holatdagi tugmachalarqa uslub beradi
  • :read-only psevdoklassi,
    u o'zgartirib bo'lmaydigan inputlarga uslub beradi
  • :read-write psevdoklassi,
    u o'zgartirish mumkin bo'lgan inputlarga uslub beradi