js重置input内容的两种情况

在项目中遇到一个小问题，在我表单页面有个重置按钮，实现点击按钮清空页面所有的input内容。

我是写了一个方法，在点击按钮事件下调用这个方法，方法里给每个input赋值为空，举个例子，也就是这样 ：

a.$("#input的id名字").attr("value", "");

或b.$("#input的id名字").val("");

(这里说一下a和b的区别：

.val() 能够取到 针对text，hidden可输入的文本框的value值。

而 .attr('value') 可以取到html元素中所设置的属性 value的值，不能获取动态的如input type="text" 的文本框手动输入的值。

)

问题出现了，发现页面中在没有form标签下的input都可以通过这样把值清空，但是只要是input在form标签下，这样赋值没有变化，

解决办法是：

document.getElementById('form').reset()；