JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" value="Enter something"/>

CSS

.default {
 color:#ff0000;   
}

JavaScript

$('input:text').bind({
    focus: function () {
        var self = $(this);
        
        if (self.val() == self.attr('defaultValue')) {
            self.val('').removeClass('default');
        };
    },
    blur: function () {
        var self = $(this),
            val = jQuery.trim(self.val());
        
        if (val == "" || val == self.attr('defaultValue')) {
          self.val(self.attr('defaultValue')).addClass('default');  
        };
    }
}).trigger('blur');