JSFiddle - React, Tailwind, and code Playground

by justforuse

HTML

<input type="text" placeholder="Enter something like your name or others, please">
<p>You should enter something..</p>

CSS

p {
  display: none;
}
input:placeholder-shown {
  border: 2px solid red;
  text-overflow: ellipsis;
}
input:placeholder-shown + p {
  display: block;
}