optional සූදුප්‍රවර්ගය

optional සූදුප්‍රවර්ගය required ගුණාංගය සකසා නැති ආදාන ක්ෂේත්‍ර සඳහා හැඩතල යොදයි, එනම් මෙම සූදුප්‍රවර්ගය අනිවාර්ය නොවන ආදාන ක්ෂේත්‍රවලට යොදනු ලැබේ.

වාග් රීතිය

cssතේරුම් කරන්නා:optional {

}

නිදසුන

අනිවාර්ය නොවන ආදාන ක්ෂේත්‍රයකට අලු පසුබිමක් යොදමු:

html<form>
  <p>
    <label>අංකය ඇතුල් කරන්න</label>
    <input type="number" required>
  </p>
  <p>
    <label>පෙළ ඇතුල් කරන්න</label>
    <input type="text">
  </p>
</form>
cssinput:optional {
  background-color: #D8DFE8;
}

Результат:

තවද බලන්න

  • :default සූදුප්‍රවර්ගය,
    පෙරනිමියෙන් ඇති මූලද්‍රව්‍ය සඳහා හැඩතල යොදයි
  • :indeterminate සූදුප්‍රවර්ගය,
    නිර්ණායක නොකළ තත්වයේ ඇති ස්විචයන් සඳහා හැඩතල යොදයි
  • :placeholder-shown සූදුප්‍රවර්ගය,
    උපදෙස් පෙළ පෙන්වන විට මූලද්‍රව්‍ය සඳහා හැඩතල යොදයි
  • :read-only සූදුප්‍රවර්ගය,
    වෙනස් කිරීමට නොහැකි ආදාන ක්ෂේත්‍ර සඳහා හැඩතල යොදයි
  • :required සූදුප්‍රවර්ගය,
    required ගුණාංගය සකසා ඇති ආදාන ක්ෂේත්‍ර සඳහා හැඩතල යොදයි
  • :focus-within සූදුප්‍රවර්ගය,
    අවධානය යොමු වූ මූලද්‍රව්‍ය සඳහා හැඩතල යොදයි
  • caret-color ගුණාංගය,
    ආදාන ක්ෂේත්‍රයක ඇති පෙළ කර්සරයේ වර්ණය නිර්වචනය කරයි