JSFiddle - React, Tailwind, and code Playground

by mflodin

HTML

<label for="txtName">Full Name</label>
<span id="nameExample">(e.g. Martin Flodin)</span>
<input id="txtName" type="text" placeholder="First-name Last-name" />

CSS

label{
    font-size:10px;
}
span{
    font-size:10px;
    color:#999;
}
input{
    display:block;
}

JavaScript

$("#nameExample").hide();
$("#txtName").focus(function(){
    $("#nameExample").show("slow");
});
$("#txtName").blur(function(){
    $("#nameExample").fadeOut("fast");
});