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 = [email protected]

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

Can someone help me to do this? I don't know how to compare, I already tried but no success.

Answer 1

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

Is this really what your looking for?

Answer 2

For me this is the best way:

<form id="myForm">   First name: <input type="text" name="fname" value="Demo"><br>   Last name: <input type="text" name="lname"><br><br>   <input type="button" onclick="myFunction()" value="Reset form"> </form>       <script> function myFunction() {     document.getElementById("myForm").reset(); } </script>