How to clear textarea on click

Question

Given a  lt textarea gt  with a default value as follows    lt textarea gt Please describe why lt  textarea gt    How do you clear the default value when the user clicks to edit the field

User · Accepted Answer

Your JavaScript   function clearContents element      element value           And your HTML    lt textarea onfocus  clearContents this    gt Please describe why lt  textarea gt    I assume you ll want to make this a little more robust  so as to not wipe user input when focusing a second time  Here are five related discussions  amp  articles   And here s the  much better  idea that David Dorward refers to in comments above    lt label for  explanation  gt Please describe why lt  label gt   lt textarea name  explanation  id  explanation  gt  lt  textarea gt

User · Answer

Here s a solution if you have dynamic data coming in from a database    The  data  variable represents database data  If there is no data saved yet  the placeholder will show instead  Once the user starts typing  the placeholder will disappear and they can then enter text  Hope this helps someone      If data is NOT saved in the database if  data              var desc text           var placeholder    Please describe why      If data IS saved in the database   else       var desc text   data      var placeholder           lt textarea placeholder    placeholder    gt   desc text   lt  textarea gt

User · Answer

Try    lt input name  mytextbox  onfocus  if  this value   Please describe why   this value       type  text  value  Please Describe why  gt

User · Answer

You can use the placeholder attribute introduced in HTML5    lt textarea placeholder  Please describe why  gt  lt  textarea gt    This will place your filler text in grey that will disappear automatically when a user clicks on the text field  Additionally  it will reappear if it loses focus and the text area is blank

User · Answer

This is your javascript file   function yourFunction         document getElementById  yourid   value            This is the html file        lt textarea id  yourid   gt      Your text inside the textarea      lt  textarea gt       lt button onClick  yourFunction     gt       Your button Name       lt  button gt

User · Answer

You may try this code     lt textarea name  textarea  cols  70  rows  2  class  searchBox  id  textarea  onfocus  if this value     Please describe why   this value      onblur  if this value        this value  Please describe why    gt Please describe why lt  textarea gt

User · Answer

Did you mean like this for textfield    lt input type  text  onblur  if this value        this value  SEARCH    onfocus  if this value     SEARCH   this value      size  15  value  SEARCH  name  xSearch  id  xSearch  gt    Or this for textarea    lt textarea id  usermsg  rows  2  cols  70  onfocus  if this value     enter your text here   this value      onblur  if this value        this value  enter your text here     gt enter your text here lt  textarea gt

User · Answer

The best solution what I know so far    lt textarea name  message  onblur  if  this value         this value    text here       onfocus  if  this value     text here    this value         gt text here lt  textarea gt

User · Answer

jQuery attribute val   should do the job  You can do     YourTextareaID   click function e    e target value

User · Answer

lt textarea onClick  javascript  this value      gt Please describe why lt  textarea gt

User · Answer

lt textarea name  post  id  post  onclick  if this value     Write Something here                 this value      onblur  if this value        this value  Write Something here                   gt Write Something here               lt  textarea gt

[javascript] How to clear textarea on click?

Examples related to javascript

Examples related to html

Examples related to textarea