JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <div class="input-wrapper">
    <input type="text" class="transparent-input">
    <span class="placeholder">Плейсхолдер</span>
  </div>
</div>

CSS

.transparent-input {
  opacity: .2;
}
.input-wrapper {
	position: relative;
}
.placeholder {
	position: absolute;
  display: block;
  top: 5px;
  left: 10px;
  z-index: 2;
}
.wrapper {
  background: orange;
}