在登录提交后清除文本框的值

Question

我在iframe中有一个登录页面，输入用户名和密码后，我按提交按钮打开一个新的屏幕，并将我带到我的配置文件，但在前一个屏幕中，用户名和密码保持。我如何设法删除它们？

这里是我的代码：

<script language="javascript"> 
 
function signin(AUserID, APassword) { 
 
var d = new Date(); 
 
document.electalogin.timezone.value = d.getTimezoneOffset(); 
 
if (AUserID == "" || APassword == "") { 
 
window.alert ("Please Specify Your Username and Password") } 
 
return (AUserID && APassword ? true : false);} 
 

 
</script> 
 

 
<form target="_blank" method="post" action="https://abc.school-network.net/Account/HTMLLogon" id="electalogin" name="electalogin" LANGUAGE="javascript" onsubmit="return signin(this.UserID.value, this.Password.value)" > 
 
<input type=hidden name="timezone"> 
 
<table> 
 
<tr><td style="font-family:Tahoma; Font-Size:11px">Username</td><td><input name="username" value=""></td></tr> 
 
<tr><td style="font-family:Tahoma; Font-Size:11px">Password</td><td><input type="password" name="Password" ></td></tr> 
 
<tr><td></td><td><a style="font-family:Tahoma; Font-Size:11px" target="_blank" href="https://abc.school-network.net/Account/ForgotPassword">Lost Password?</a></td></tr> 
 
<tr><td></td><td><INPUT type="Submit" value="Log On" id=btnLogin name=btnLogin"></td></tr> 
 

 
</form>

---

在价值= “登录” 位，我尝试输入以下后，最后输入线：

onClick="this.form.reset()"

其中s在清除前一屏幕中的值时工作正常，但当新窗口打开时，登录页面再次出现。

Answer 1

添加IDS到这两个用户名和密码字段，然后在页面的底部添加JavaScript来选择字段并重置其内容：

<input name="username" id="username" value=""> 
<input type="password" id="password" name="Password" > 

在页面的底部：

<script language="javascript"> 
    document.getElementById("username").value = ""; 
    document.getElementById("password").value = ""; 
</script> 

每次加载页面时，此代码都会运行一次，并会重置这两个字段。