JSFiddle - React, Tailwind, and code Playground

HTML

<textarea id="mytextarea"><textarea>

CSS

#mytextarea {
    width:300px;
    height:200px;
    border:1px solid #000;
    background:url('http://img821.imageshack.us/img821/2853/writeus.gif') center no-repeat;
}
#mytextarea:focus {
    background:none;
}

JavaScript

$(window).load(function () {
    
$('textarea').focus(function() {
   var $this = $(this);
   $.data(this, 'img', $this.css('background-image'));
   $this.css('background-image', 'none');
});
$('textarea').blur(function() {
    if($.trim($('textarea').val()).length){
         $this.css('background-image', 'none');
    } else {
        $(this).css('background-image', $.data(this, 'img'));
    }
});

});