JSFiddle - React, Tailwind, and code Playground

by mohsen

HTML

<label for="p">Password</label><input id="p" type="password" />

CSS

input{background:transparent}
label{margin-right:-65px;}

JavaScript

$('#p').focus(function(){
$('label').css('color', '#ccc');
});

//hide the placeholder if something is typed
$('#p').keyup(function(){
    $(this).val() != '' ? $('label').hide() : $('label').show()
 });