JSFiddle - React, Tailwind, and code Playground

by Rohan Kumar

HTML

<!-- Simple form with two input fields and one textarea -->
<form action="">
    <input type="text" name="fname" placeholder="First name" />
    <br/>
    <input type="text" name="lname" placeholder="Last name" />
    <br/>
    <textarea rows="5" cols="30" placeholder="Contact us!"></textarea>
    <br/>
    <br/>
    <input type="submit" value="Submit" />
</form>

JavaScript

$(function () {
    $('input,textarea').focus(function () {
        $(this).data('placeholder', $(this).attr('placeholder'))
               .attr('placeholder', '');
    }).blur(function () {
        $(this).attr('placeholder', $(this).data('placeholder'));
    });
});