JSFiddle - React, Tailwind, and code Playground
HTML
<form action="">
<input id="input" type="text"/>
<span class="placeholder">blah</span>
<button type="submit">submit</button>
</form>
CSS
input {
width: 100px;
}
.placeholder {
position: relative;
display: inline-block;
left: -100px;
}
button {
display: block;
}
JavaScript
$('.placeholder, #input').click(function(){
$('.placeholder').hide();
$('#input').focus();
});