We help IT Professionals succeed at work.

Clear input text

Whing Dela Cruz
on
255 Views
Last Modified: 2017-03-29
Hi experts, I want to erase all datas stored in the input text. I am using Firefox browser. Every time I type each input text it will remain even I manually the history of the browser. Help please!

<script>
function Clear()
{
  document.getElementById("email").value = ""; //must erase all stored datas
}
</script>
Comment
Watch Question

Big MontyWeb Ninja at large
CERTIFIED EXPERT

Commented:
this should work:

<input type="text" name="email" id="email" onfocus="Clear()" />
Big MontyWeb Ninja at large
CERTIFIED EXPERT

Commented:
this'll clear out the field every time you enter into it

Author

Commented:
Hi Monty, I will try it more, it seems not working on me..
Big MontyWeb Ninja at large
CERTIFIED EXPERT

Commented:
post your code and I can check

Author

Commented:
Hi Monty my input text is inside the table, maybe that's the factor. But anyways, i will post my code in a minute.

Author

Commented:
<!Doctype Html>
<Html>
<body>
   <form name="EnrollForm" method="post" action="Enroll.asp">
       <table id="EnrollTable" class="four">
                  <tr>
                     <td>&nbsp; First Name</td>
                     <td><input type="text" placeholder="First Name" name="cname" required class="i22" id="ccname" maxlength="10" onfocus="Clear()"/></td>
                  </tr>
                  <tr>
                     <td>&nbsp; Last Name</td>
                     <td><input type="text" placeholder="Last Name" name="lname" required class="i22" id="llname" maxlength="12"></td>
                  </tr>
                  <tr>
                     <td>&nbsp; Email</td>
                     <td><input type="email" placeholder="email" id="eml" name="email" required class="i22"></td>
                  </tr>
                  <tr>
                     <td>&nbsp;</td>
                     <td></td>
                  </tr>
                  <tr>
                     <td>&nbsp; Click to Create Account</td>
                     <td><input type="submit" Class="iReg2" value="Create Account" onclick="return ValidateNo()"></td>
                  </tr>

            </Table>

   </form>
</body>
</Html>
Big MontyWeb Ninja at large
CERTIFIED EXPERT

Commented:
in your original question, it looked like you wanted to use a JS function, but there's none in this code :) no problem, just change your field to:

<input type="text" placeholder="First Name" name="cname" required class="i22" id="ccname" maxlength="10" onfocus="this.value = '';"/>

Author

Commented:
Hi Monty, still not working. I am using Firefox..
Big MontyWeb Ninja at large
CERTIFIED EXPERT

Commented:

Author

Commented:
I will double check sir, I will feedback you later for any results. Thank you so much!

Author

Commented:
Hi Monty, sorry for not clarifying my questions. Your solution is answered already to my first problem. It clear the field in every time I click it. My next problem is that the data stored on the memory. I guess its memory within the input text. I want them to clear. I attached here the image of the input text where you can see Erwin, John, Jyle and Pedro. Those are the names stored on the textbox. Can I erase them all?

<script>
function Clear()
{
  document.getElementById("email").value = ""; //must erase all stored datas. please see attached image.
}
</script>
error.bmp
Web Ninja at large
CERTIFIED EXPERT
Commented:
This problem has been solved!
(Unlock this solution with a 7-day Free Trial)
UNLOCK SOLUTION

Author

Commented:
Hi Monty its working, Thank you so much!
Big MontyWeb Ninja at large
CERTIFIED EXPERT

Commented:
my pleasure :)

Author

Commented:
Thanks a lot sir, More power to you and God bless!