Whing Dela Cruz
asked on
Clear input text
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("e mail").val ue = ""; //must erase all stored datas
}
</script>
<script>
function Clear()
{
document.getElementById("e
}
</script>
this'll clear out the field every time you enter into it
ASKER
Hi Monty, I will try it more, it seems not working on me..
post your code and I can check
ASKER
Hi Monty my input text is inside the table, maybe that's the factor. But anyways, i will post my code in a minute.
ASKER
<!Doctype Html>
<Html>
<body>
<form name="EnrollForm" method="post" action="Enroll.asp">
<table id="EnrollTable" class="four">
<tr>
<td> 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> Last Name</td>
<td><input type="text" placeholder="Last Name" name="lname" required class="i22" id="llname" maxlength="12"></td>
</tr>
<tr>
<td> Email</td>
<td><input type="email" placeholder="email" id="eml" name="email" required class="i22"></td>
</tr>
<tr>
<td> </td>
<td></td>
</tr>
<tr>
<td> Click to Create Account</td>
<td><input type="submit" Class="iReg2" value="Create Account" onclick="return ValidateNo()"></td>
</tr>
</Table>
</form>
</body>
</Html>
<Html>
<body>
<form name="EnrollForm" method="post" action="Enroll.asp">
<table id="EnrollTable" class="four">
<tr>
<td> 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> Last Name</td>
<td><input type="text" placeholder="Last Name" name="lname" required class="i22" id="llname" maxlength="12"></td>
</tr>
<tr>
<td> Email</td>
<td><input type="email" placeholder="email" id="eml" name="email" required class="i22"></td>
</tr>
<tr>
<td> </td>
<td></td>
</tr>
<tr>
<td> Click to Create Account</td>
<td><input type="submit" Class="iReg2" value="Create Account" onclick="return ValidateNo()"></td>
</tr>
</Table>
</form>
</body>
</Html>
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 = '';"/>
<input type="text" placeholder="First Name" name="cname" required class="i22" id="ccname" maxlength="10" onfocus="this.value = '';"/>
ASKER
Hi Monty, still not working. I am using Firefox..
ASKER
I will double check sir, I will feedback you later for any results. Thank you so much!
ASKER
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("e mail").val ue = ""; //must erase all stored datas. please see attached image.
}
</script>
error.bmp
<script>
function Clear()
{
document.getElementById("e
}
</script>
error.bmp
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Hi Monty its working, Thank you so much!
my pleasure :)
ASKER
Thanks a lot sir, More power to you and God bless!
<input type="text" name="email" id="email" onfocus="Clear()" />