JSFiddle - React, Tailwind, and code Playground

by mumptastic

HTML

<input name="name" type="text" onblur="if (this.value == '') {this.value = 'Your Name';}" onfocus="if (this.value == 'Your Name') {this.value = '';}" value="Your Name">

<input name="email" type="text" onblur="if (this.value == '') {this.value = 'Your Email';}" onfocus="if (this.value == 'Your Email') {this.value = '';}" value="Your Email">

CSS

input{
    width:450px;
    height:50px;
    font-size:50px;
    color:#ccc;
    text-align:center;
    margin-bottom:10px;
    border:2px solid #ccc;
}