JSFiddle - React, Tailwind, and code Playground

HTML

<input required type="text" name="user-first-name" id="user-first-name" class="your list of class names" placeholder="First Name" onfocus="if(this.value == 'First Name') { this.value = ''; }" value="First Name"/>

<input required type="text" name="user-first-name" id="user-first-name" class="your list of class names" onfocus="if(this.value == 'First Name') { this.value = ''; }" value="First Name"/>

CSS

input {
    display: block;
    font-size: 16px;
    font-weight: light;
    margin: 8px auto;
    height: 24px;
    width: 240px;
}