How to clear a textbox using javascript

Question

I have a    lt input type  text  value  A new value  gt    I need a javascript method to clear the value of the textbox when the focus is on the textbox   How can this be achieved

User · Answer

use sth like   lt input type  text  name  yourName  placeholder  A new value    gt

User · Answer

lt input type  text  value  A new value  onfocus  this value      gt    However this will be very irrigating for users that focus the element a second time e g  to correct something

User · Answer

just get element using     function name             document getElementById  elementid   value              you can call this function on onfocus event of textbox and clear the value

User · Answer

It sounds like you re trying to use a  watermark   a default value that clears itself when the user focuses on the box    Make sure to check the value before clearing it  otherwise you might remove something they have typed in   Try this    lt input type  text  value  A new value  onfocus  if this value   A new value   this value      gt    That will ensure it only clears when the value is  A new value

User · Answer

Simple one  onfocus  javascript this value     onblur  javascript  if this value      this value  Search

User · Answer

Onfous And onblur Text box with javascript      lt input type  text  value  A new value  onfocus  if this value   A new value   this value      onblur  if this value      this value  A new value     gt

User · Answer

lt input type  text  name  yourName  value  A new value  onfocus  if  this value     A new value   this value        onblur  if  this value      alert  Please enter a value       gt

User · Answer

If using jQuery is acceptable   jQuery   myTextBox   focus  function           this  val

User · Answer

just set empty string       lt input type  text  id  textId  value  A new value  gt      document getElementById  textId   value

User · Answer

Your HTML code     jquery code       textboxID   val

User · Answer

Use the onfocus and onblur events like this    lt input type  text  name  yourName  value  A new value  onfocus  if  this value     A new value   this value        onblur  if  this value        this value    A new value    gt

User · Answer

For my coffeescript peeps    disable Delete button until reason is entered     delete event button   prop  disabled   true      event reason is deleted   click - gt          event reason is deleted   val             delete event button   prop  disabled   false

User · Answer

Give this in input tag of textbox   onClick   this value

User · Answer

lt input type  text  value  A new value  onfocus  javascript  if this value     A new value    this value          onblur  javascript  if this value      this value  A new value       gt

User · Answer

For those coming across this nowadays  this is what the placeholder attribute was made to do  No JS necessary    lt input type  text  placeholder  A new value  gt

[javascript] How to clear a textbox using javascript

Examples related to javascript