在登錄提交後清除文本框的值

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> 

每次加載頁面時，此代碼都會運行一次，並會重置這兩個字段。