🚨 Placeholders are not labels.
- A label describes the input and makes it available to assistive technology and easier to interact with
- A placeholder is there to describe the _expected format_ of the content you enter, not what it is.
Use CSS to hide/show the label on focus if you really need to…

HTML example with a wrong and a correct input, one relying on a placeholder to tell the user what it is and the other having a proper label and describing the format of the data expected.
0

If you have a fediverse account, you can quote this note from your own instance. Search https://toot.cafe/users/codepo8/statuses/116153824188632636 on your instance and quote it. (Note that quoting is not supported in Mastodon.)