JSFiddle - React, Tailwind, and code Playground

HTML

<form><div>
    <input id="user_input" type="text" name="email" value="" />
    </div>
    <div>
        <input id="clear" type="text" value="Password" autocomplete="off" />
        <input id="password_input" type="password" name="password" value="" autocomplete="off" />
    </div>
</form>

CSS

#password_input{
    display:none;
}

JavaScript

$('#clear').focus(function() {
    $('#clear').hide();
    $('#password_input').show().focus();
});
$('#password_input').blur(function() {
    if ($('#password_input').val() == '') {
        $('#clear, #password_input').toggle();
    }
});