JSFiddle - React, Tailwind, and code Playground

HTML

<div id="email-signup-form">
    <input id="upt-email" type="text" name="email" size="10" pholder="EMAIL ADDRESS">
    <input type="button" value="Submit" onclick="UPTvalidateform();" >
</div>
 <script type="text/javascript" src="/Javascript/jquery.placeholder.js"></script>

JavaScript

function SupportsInputPlaceholder() {
    var i = document.createElement("input");
    return "placeholder" in i;
}
$(document).ready(function(){
    //if(!SupportsInputPlaceholder()) {
        $("input[pholder]").each(function() {
            $(this).val($(this).attr("pholder"));
            alert($(this).attr("pholder"));
        });
        
        //create event handlers for focus and blur
        $("input[pholder]").focus(function() {
            if($(this).val() == $(this).attr("pholder")) {
                $(this).val("");
            }
        }).blur(function() {
            if($(this).val() == "") {
                $(this).val($(this).attr("pholder"));
            }
        });
    //}
});