placeholder-shown կեղծ դասը

placeholder-shown կեղծ դասը սահմանում է ոճ input-ին կամ textarea-ին, որոնց համար ցուցադրվում է այսպես կոչված խորհուրդ տվող տեքստը, որը անհետանում է տեքստի mուտքագրումը սկսելուց հետո:

Շարահյուսություն

cssընտրող:placeholder-shown {}

Օրինակ

Եկեք սահմանենք կարմիր շրջանակ input-ի համար, որի մեջ ցուցադրվում է խորհուրդ տվող տեքստը, իսկ դրան mուտքագրելուց հետո շրջանակը թող ներկվի կանաչ գույնով:

html<form>
  <input placeholder="enter the text">
</form>

cssinput {
  border: 1px solid green;
}
input:placeholder-shown {
  border-color: red;
}

Результат:

Տես նաև