JSFiddle - React, Tailwind, and code Playground

by urahara

HTML

<form action="demo_form.asp">First name:
    <input id="e" type="text" name="fname">
    <br>Last name:
    <input type="text" name="lname">
    <br>
    <input type="submit" value="Submit">
</form>

JavaScript

var submitTextArea = document.getElementById("e");


submitTextArea.value = 'Enter First Name';
submitTextArea.addEventListener("focus", function () {
    
    if (submitTextArea.value == 'Enter First Name') {
        submitTextArea.value = '';
    }
    
});

submitTextArea.addEventListener("blur", function () {

    submitTextArea.value = 'Lost focus';

});