JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" name="" class="inp add-news"  defaultVal="title" /> 
<br>
         
            <textarea class="int add-news" defaultVal="titles" cols="10" ></textarea>

JavaScript

$(document).ready(function(){

  $('.add-news').each( function () {
    $(this).val($(this).attr('defaultVal'));
    $(this).css({'color':'#686868' ,  'font-size':'11px', 'font-weight':'bold'});
      });

  $('.add-news').focus(function(){
    if ( $(this).val() == $(this).attr('defaultVal') ){
      $(this).val('');
      $(this).css({'color':'#686868' , 'font-size':'11px' ,'font-weight':'bold'});
    }
    });
  $('.add-news').blur(function(){
    if ($(this).val() == '' ){
      $(this).val($(this).attr('defaultVal'));
      $(this).css({'color':'#686868' ,  'font-size':'11px' ,'font-weight':'bold'});
    }
    });

 
});