简单却很有魅力。

$("#form").trigger('reset'); //jquery
document.getElementById("myform").reset(); //native JS

通过使用JQuery的.trigger()和原生javascript的.reset()的组合，可以将所有表单元素重置为空白状态。

$(".reset").click(function(){
    $("#<form_id>").trigger("reset");
});

将<form_id>替换为form的id来重置。

我在这里看到的代码和相关的SO问题似乎不完整。

重置表单意味着从HTML中设置原始值，所以我根据上面的代码将其放在一个小项目中:

            $(':input', this)
                .not(':button, :submit, :reset, :hidden')
                .each(function(i,e) {
                    $(e).val($(e).attr('value') || '')
                        .prop('checked',  false)
                        .prop('selected', false)
                })

            $('option[selected]', this).prop('selected', true)
            $('input[checked]',   this).prop('checked',  true)
            $('textarea',         this).each(function(i,e) { $(e).val($(e).html()) })

如果我遗漏了什么或者有什么需要改进的地方，请告诉我。

我有个最简单的重置姿势的技巧

jQuery("#review-form")[0].reset();

或

$("#review-form").get().reset();

下面的代码清除所有表单，它的字段将为空。如果页面有多个表单，而您只想清除特定的表单，请注明表单的id或类

$("body").find('form').find('input,  textarea').val('');

为什么需要用JavaScript来完成呢?

<form>
    <!-- snip -->
    <input type="reset" value="Reset"/>
</form>

http://www.w3.org/TR/html5/the-input-element.html#attr-input-type-keywords

先尝试一下，它不会清除具有默认值的字段。

下面是一种用jQuery实现的方法:

$('.reset').on('click', function() {
    $(this).closest('form').find('input[type=text], textarea').val('');
});