HTML输入元素 - 始终键入“重置”不清除表单

Question

我有一个简单的搜索界面 - 一个包含很少输入字段和提交按钮的表单。为了清除输入字段中的文本或值，我还输入了“reset”类型的元素。

<input name="commit" type="reset" value="Clear">

如果我点击此输入，它会清除所有字段，但并非总是如此。如果我首先提交表单，则“重置”输入不会清除字段。这是正常行为吗？

另外，我已经决定确保自己使用jQuery并在“click”事件上方的输入上添加函数来清除字段：

$('input:reset').on('click',function(){

  var form = $(this).closest('form');

  $(form).find('input:text').val('');
  $(form).find('input:checkbox').prop('checked',false);

});

这也不起作用。这很奇怪，因为如果我在控制台中执行以下行，它会成功清除输入：

$('input:reset').closest('form').find('input:text').val('');

有人可以建议我可以尝试解决这个问题吗？