JSFiddle - React, Tailwind, and code Playground

by chiragvidani

HTML

<input data-default="Mail" class="login-input" value="Mail" />
<input data-default="Password" class="login-input" value="Password" />

JavaScript

$(document).ready(function () {
    $(".login-input").click(function () {
        $(this).val("");

    });
});
$(document).ready(function () {

    $(".login-input").each(function () {
        if ($(this).val() === "") {
            $(this).val($(this).attr("data-default"));
        }
    });
    $(".login-input").blur(function () {
        if ($(this).val() === "") {
            $(this).val($(this).attr("data-default"));
        }
    });

});