如何使用php表单的重置按钮？

Question

我有一个用PHP处理的表单.在用户提交之前,"重置"按钮有效.但是当他们提交并重新加载页面时(我已根据$ _POST值使表单字段粘滞),重置不起作用.我该如何解决这个问题？编辑:例如,表单上的复选框:

 <input type="checkbox"  <?php if (isset($_POST['cb12'])){echo 'checked="checked"';} ?> name="cb12" tabindex="34" id=cb value="Education">

和HTML:

<tr>
          <td colspan="5" valign="top" class="addit" ><div class="sectionbreak topsp" >
              <input type="hidden" name="failure" value="failure.html" >
              <p>
                <input type="submit" name="Submit" value="Submit" tabindex="49">
                Sends your application by email to The Boggs</p>
              <p>
                <input type="reset" name="Reset" value="Reset" tabindex="50">
                Clears all the fields</p>
            </div></td>
        </tr>

编辑:最后,如果表单已提交(但未完成),我只是隐藏了按钮.也许没有人会注意到.

Answer 1

重置按钮撤消对用户所做的表单的更改,它不会删除默认值.如果要删除所有默认值,可以使用JavaScript执行以下操作:

<script type="text/javascript">
   function resetForm(myFormId)
   {
       var myForm = document.getElementById(myFormId);

       for (var i = 0; i < myForm.elements.length; i++)
       {
           if ('submit' != myForm.elements[i].type && 'reset' != myForm.elements[i].type)
           {
               myForm.elements[i].checked = false;
               myForm.elements[i].value = '';
               myForm.elements[i].selectedIndex = 0;
           }
       }
   }
</script>

...

<form id="myFormId" ...>

<input name="reset" type="reset" onclick="resetForm('myFormId'); return false;" />

...