重置按鈕在表單提交後不工作

Question

我有一個php頁面'search.php'。頁面中的一種表單。我有一個提交和一個重置按鈕。重置按鈕在表單提交之前工作，但在提交後不起作用。表單提交後，頁面被重定向到同一頁面（search.php），以查看包含相同表單的結果。有沒有人有這個問題的線索？

<form action="http://localhost:8888/search/validate_search" name="search" id="search" method="post" accept-charset="utf-8"> 
    <p> 
     <label for="name">Name</label> 
     <input type="text" name="name" id="name" value="" required="required"> 
    </p> 
    <p> 
     <label for="country">Country</label> 

     <select name="country[]" id="country"> 
      <option value="">Select</option> 
      <option value="Afghanistan" >Afghanistan</option><option 

value="Albania" >Albania</option><option value="Algeria" >Algeria</option><option value="American Samoa" >American Samoa</option><option value="Andorra" >Andorra</option><option value="Angola" >Angola</option><option value="Anguilla" >Anguilla</option>   </select> 

    </p> 
    <p id="nofloat"> 
     <input type="submit" name="searchButton" value="Search" id="searchButton" /> 
     <input type="reset" name="reset" value="Reset" id="reset123"/> 
    </p> 
    </form> 

Answer 1

的type='reset'的行爲不清除表單元素，但是當網頁加載他們返回初始/默認值。在提交表單之後，如果您將提交的值傳遞迴表單以預先填充表單（設置爲初始值），那麼您的重置按鈕只會將字段重置爲傳遞的值，而不是一個「乾淨」的狀態。要真正清除表單，您需要使用Javascript。

下面是會在你的問題中給出的HTML工作的例子...

<script> 
function customReset() 
{ 
    document.getElementById("name").value = ""; 
    document.getElementById("country").value = ""; 
} 
</script> 

只要改變你的復位按鈕，這...

<input type="button" name="reset" value="Reset" id="reset123" onclick="customReset();"/> 

Live Example