JSFiddle - React, Tailwind, and code Playground
HTML
<p class="comment-form-comment"><label for="comment">Comment</label><textarea id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea></p>
CSS
p.comment-form-comment {
position:relative;
margin-top:15px;
clear:both;
}
p.comment-form-comment label {
position:absolute;
left:10px;
top:10px;
}
p.comment-form-comment textarea#comment {
padding:30px 10px 10px 10px;
width:552px !important;
}
JavaScript
$(document).ready(function() {
$('#comment').click(function() {
if($(this).hasClass('hidden')) {
$('label[for=comment]').show();
} else {
$(this).addClass('hidden');
$('label[for=comment]').hide();
}
});
});