JSFiddle - React, Tailwind, and code Playground

by Bongs

HTML

<div class="signinform">
    <span class="signinformspan">Username or Email</span>
    <input id="uname" class="signinforminput" type="text" />
</div>
<div class="signinform">
    <span class="signinformspan" type="password">Password</span>
    <input id="pwd" class="signinforminput" />
</div>

CSS

.signinform
{
    position: relative;
}
.signinformspan
{
    position: absolute;
    left: 5px;
}

JavaScript

$(".signinforminput").live("keydown",function() {
    $(this).siblings("span.signinformspan").hide();
});
$(".signinforminput").live("blur",function() {
    if( $(this).val() == "")
        $(this).siblings("span.signinformspan").show();
    else
        $(this).siblings("span.signinformspan").hide();
});