JSFiddle - React, Tailwind, and code Playground

HTML

<span data-placeholder="Enter Name">
    <input type="search"/>
</span>

CSS

span[data-placeholder] {
    position:relative;
}
span[data-placeholder]:before {
    content: attr(data-placeholder);
    display:block;
    position:absolute;
    z-index:-1;
}
span[data-placeholder] input {
    background-color:transparent;
}
span[data-placeholder] input:focus,
span[data-placeholder] input[val]{
    background-color:#fff;
}