JSFiddle - React, Tailwind, and code Playground

HTML

<p>
  <input type="text" class="form-control" placeholder="placeholder text" />
</p>
<p>
  <input type="text" class="form-control" placeholder="placeholder text" />
</p>

CSS

.form-control:focus::placeholder {
  color: transparent;
}

.form-control:focus::-webkit-input-placeholder {
  color: transparent;
}

.form-control::focus:-ms-input-placeholder {
  color: transparent;
}