Question

How to hide and show placeholder on textarea when click and leave in HTML5 & Javascript

Answer 1

<script>
function onfocusPost() 
{
   document.getElementById("new-post").placeholder = "";
}            
function onblurPost() 
{
   document.getElementById("new-post").placeholder = "Add New Post";
}
</script>

<textarea aria-label="New Post" id="new-post" title="New Post" placeholder="Add New Post" 
role="textbox" aria-autocomplete="list" autocomplete="off" aria-expanded="false" style="display: block;" 
cols="80" style="width: 400px; height: 150px;" 
onfocus="onfocusPost();" onblur="onblurPost();"></textarea>

70+ SQL courses for beginners and professionals