HTML, how to clear input using javascript?

Question

I have this INPUT, it will be cleared every time we click inside it.

Problem: I want to clear only if value = [e-mail]

<script type="text/javascript"> function clearThis(target){ target.value= ""; } </script> <input type="text" name="email" value=" [e-mail] " size="30" onfocus="clearThis(this)"> 

Can someone help me do this? I do not know how to compare, I already tried, but did not succeed.

Answer 1

 <script type="text/javascript"> function clearThis(target){ if(target.value==' [e-mail] '){ target.value= "";} } </script> 

Is this really what you are looking for?

Answer 2

you can use the placeholder attribute

 <input type="text" name="email" placeholder=" [e-mail] " size="30" /> 

or try this for older browsers

 <input type="text" name="email" value=" [e-mail] " size="30" onblur="if(this.value==''){this.value=' [e-mail] ';}" onfocus="if(this.value==' [e-mail] '){this.value='';}"> 

Answer 3

You do not need to worry about it. Just write

 <input type="text" name="email" placeholder=" [e-mail] " size="30"> 

replace value with placeholder

Answer 4

You can use the placeholder because it does it for you, but for older browsers that do not support the placeholder, try the following:

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

EXPLANATION: When the text field has focus, clear the value. When the text field is not focused, and when the field is empty, replace the value.

I hope this works, I had the same problem, but then I tried it and it worked for me.

Answer 5

Try the following:

 <script type="text/javascript"> function clearThis(target){ if(target.value == " [e-mail] ") { target.value= ""; } } </script> 

Answer 6

 <script type="text/javascript"> function clearThis(target){ if (target.value === " [e-mail] ") { target.value= ""; } } </script> <input type="text" name="email" value=" [e-mail] " size="30" onfocus="clearThis(this)"> 

Try it here: http://jsfiddle.net/2K3Vp/

Answer 7

instead of clearing the name text, use the placeholder attribute, this is good practice

 <input type="text" placeholder="name" name="name">