JSFiddle - React, Tailwind, and code Playground

by fullstackend

HTML

<div class="holder">
<input type="text" placeholder="" required="required">
<span class="placeholder">Name <span>*</span></span>
</div>

CSS

.holder {
  position: relative;
}

input[required="required"]:valid + .placeholder {
  display: none;
}

.placeholder {
  position: absolute;
  top: 2px;
  left: 2px;
  color: lightgrey;
  
}

.placeholder span {
  color: red;
}