成功登錄後清除文本框

我有這個問題，我無法清除登錄頁面的文本框。當用戶成功登錄後立即返回到登錄頁面時，他仍然會在文本框中看到他的用戶名和密碼。成功登錄後清除文本框

我已經使用這個代碼來解決問題

body onload="document.getElementById('name').value='';document.getElementById('pass').value=''"

但是這個代碼不立即清除文本框中的問題試過。在它工作之前，我需要刷新頁面幾次。是否有解決問題的替代方法？

這裏是我的代碼

<?php 
    /**** Start Session ****/ 
    session_start(); 
    /**** Deletes the data stored in the session ****/ 
    unset($_SESSION['SESS_USER_NAME']); 
    unset($_SESSION['REF_ID']); 
    unset($_SESSION['REF_FNAME']); 
    unset($_SESSION['REF_LNAME']); 
    unset($_SESSION['REF_ACCOUNT']); 
    unset($_SESSION['COUNT']); 

?> 

<!DOCTYPE html> 
<html class="no-js" lang="en"> 

<head> 

</head> 

<body onload="document.getElementById('name').value='';document.getElementById('pass').value=''"> 

      <form action="admin-exec.php" method="post" > 
       <center><?php include('../function/admin_errmsg.php'); ?></center> 
       <br> 
       <input type="text" name="txt_username" placeholder="Username" id="name"> 
      <br> 
      <input type="password" name="txt_password" placeholder="Password" id="pass"> 
      <br> 
      <img id="captcha" class="captcha" src="/securimage/securimage_show.php" alt="CAPTCHA Image" /> 
      <input type="text" name="captcha_code" size="10" maxlength="6" placeholder="Input Captcha Code Here" /> 
      <a href="#" onclick="document.getElementById('captcha').src = '/securimage/securimage_show.php?' + Math.random(); return false"> 
      <br />[ Different Image ]</a> 
      <br> 
      <br> 
       <input type="submit" value="Let Me In" class="btn" > 
      </form> 

</body> 
</html>

來源

2015-05-20 marse

這不是瀏覽器執行自動完成的框？這是瀏覽器的一個功能，作爲用戶的便利 - 如果用戶想要發生這種情況，您不應該試圖覆蓋它 - 這取決於他們關閉它。 –

使用下面的代碼爲您的HTML部分

<!DOCTYPE html> 
<html class="no-js" lang="en"> 

<head> 
<script> 
function clearAll() 
{ 
document.getElementById('name').value=''; 
document.getElementById('pass').value=''; 
} 
</script> 
</head> 

<body onload="clearAll()"> 

      <form action="admin-exec.php" method="post" > 
       <center><?php include('../function/admin_errmsg.php'); ?></center> 
       <br> 
       <input type="text" name="txt_username" placeholder="Username" id="name"> 
      <br> 
      <input type="password" name="txt_password" placeholder="Password" id="pass"> 
      <br> 
      <img id="captcha" class="captcha" src="/securimage/securimage_show.php" alt="CAPTCHA Image" /> 
      <input type="text" name="captcha_code" size="10" maxlength="6" placeholder="Input Captcha Code Here" /> 
      <a href="#" onclick="document.getElementById('captcha').src = '/securimage/securimage_show.php?' + Math.random(); return false"> 
      <br />[ Different Image ]</a> 
      <br> 
      <br> 
       <input type="submit" value="Let Me In" class="btn" > 
      </form> 

</body> 
</html>

來源

2015-05-20 08:32:23

是什麼讓你覺得這與根據OP的代碼沒有函數調用直接在'onload'屬性中執行它有什麼不同？ –

你可以這樣

$(document).ready(function(){ 

     $("#name").val(""); 

)

來源

2015-05-20 08:35:01 knives22

添加和JavaScript我懷疑這是瀏覽器自動填充字段，因爲代碼中沒有任何內容來填充輸入的值。

從用戶體驗的角度來看，雖然我希望它能夠在登錄後重定向到另一頁，或者如果它是頭中的登錄表單，我希望它不再顯示。

來源

2015-05-20 08:35:53

成功登錄後清除文本框

回答

相關問題