JSFiddle - React, Tailwind, and code Playground
HTML
<textarea></textarea>
<textarea></textarea>
CSS
textarea{
width:300px;
height:100px;
color:gray;
}
JavaScript
var placeholder = 'This is a line \nthis should be a new line';
$('textarea').attr('value', placeholder);
$('textarea').focus(function(){
if($(this).val() === placeholder){
$(this).attr('value', '');
}
});
$('textarea').blur(function(){
if($(this).val() ===''){
$(this).attr('value', placeholder);
}
});