HTML how to clear input using javascript

Question

I have this INPUT  it will clear everytime we click inside of it   The problem  I want to clear only if value   exemplo exemplo com   lt script type  text javascript  gt      function clearThis target            target value             lt  script gt   lt input type  text  name  email  value  exemplo exemplo com  size  30  onfocus  clearThis this   gt    Can someone help me to do this  I don t know how to compare  I already tried but no success

User · Answer

You could use a placeholder because it does it for you, but for old browsers that don't support placeholder, try this:

<script>
function clearThis(target) {
    if (target.value == "[email protected]") {
        target.value = "";
    }
}
function replace(target) {
    if (target.value == "" || target.value == null) {
        target.value == "[email protected]";
    }
}
</script>
<input type="text" name="email" value="[email protected]" size="x" onfocus="clearThis(this)" onblur="replace(this)" />

CODE EXPLAINED: When the text box has focus, clear the value. When text box is not focused AND when the box is blank, replace the value.

I hope that works, I have been having the same issue, but then I tried this and it worked for me.

User · Answer

you can use attribute placeholder   lt input type  text  name  email  placeholder  exemplo exemplo com  size  30    gt    or try this for older browsers   lt input type  text  name  email  value  exemplo exemplo com  size  30  onblur  if this value      this value  exemplo exemplo com     onfocus  if this value   exemplo exemplo com   this value       gt

User · Answer

Try this      lt script type  text javascript  gt  function clearThis target       if target value     exemplo exemplo com                 target value               lt  script gt

User · Answer

instead of clearing the name text use placeholder attribute it is good practice   lt input type  text  placeholder  name   name  name  gt

User · Answer

You don t need to bother with that  Just write   lt input type  text  name  email  placeholder  exemplo exemplo com  size  30  gt    replace the value with placeholder

User · Answer

lt script type  text javascript  gt      function clearThis target           if target value   exemplo exemplo com            target value                  lt  script gt    Is this really what your looking for

User · Answer

lt script type  text javascript  gt      function clearThis target           if  target value      exemplo exemplo com                 target value                           lt  script gt   lt input type  text  name  email  value  exemplo exemplo com  size  30  onfocus  clearThis this   gt    Try it out here  http   jsfiddle net 2K3Vp

User · Answer

For me this is the best way    lt form id  myForm  gt    First name   lt input type  text  name  fname  gt  lt br gt    Last name   lt input type  text  name  lname  gt  lt br gt  lt br gt     lt input type  button  onclick  myFunction    value  Reset form  gt   lt  form gt    lt script gt  function myFunction         document getElementById  myForm   reset       lt  script gt

[javascript] HTML how to clear input using javascript?

Examples related to javascript

Examples related to html

Examples related to input

Examples related to erase