JSFiddle - React, Tailwind, and code Playground

HTML

<div><input type="text"/> <span>First</span> <span>name:</span></div>

CSS

div {position: relative}
input {color: green}

span {left: 10px}

JavaScript

$("span").css({"position": "absolute"})
    
    $("span:first").css({"color": "green" })
    $("span").eq("1").css({"color": "red", "left": "44px" })
    
    $("input").on("focus", function(){
        
    $("span").hide();
        
    })
    
    $("input").on("blur", function(){
    if ($(this).val() == "") { $("span").css("display", "inline-block")}
    })
        
        $("span").click(function(){
           
        $("span").hide()
          
        })