JSFiddle - React, Tailwind, and code Playground

by nickadeemus2002

HTML

<form>
    <div class="username">
        <label for="username">Email</label><br />
        <input type="text" class="field" placeholder="Enter your email" value="" name="email" id="id_email">
    </div>
    <div class="password">
        <label for="password">Password</label><br />
        <input type="password" class="field" placeholder="password" value="" id="id_password">
    </div>
</form>

CSS

.active{color:#585858}

JavaScript

$(document).ready(function(){

    $('.field').focus(function(){
        var placeholder = $(this).attr('placeholder');
        $(this).addClass('active').focus();
        
    
    });

});