canisoon

::placeholder CSS pseudo-element

96

CSS

The ::placeholder pseudo-element represents placeholder text in an input field: text that represents the input and provides a hint to the user on how to fill out the form. For example, a date-input field might have the placeholder text `YYYY-MM-DD` to clarify that numeric dates are to be entered in year-month-day order.

Further reading:

  1. Can I use page for: ::placeholder CSS pseudo-element
  2. CSS-Tricks article with all prefixes
  3. CSSWG discussion
  4. MDN Web Docs - CSS ::-moz-placeholder
  5. Mozilla Bug 1069012 - unprefix :placeholder-shown pseudo-class and ::placeholder pseudo-element
  6. MDN web docs - ::placeholder