javascript - 表单的 reset() 方法不会使用 value 属性重置输入

Question

为什么当我调用表单的方法时没有重置带有 value 属性的第二个输入reset()？清理具有值属性输入的表单的最佳方法是什么？

<form id="myform">
  <input type="text" />
  <input type="text" value="1" />
  <button id="reset" name="reset" onclick="document.getElementById('myform').reset()">reset</button>
</form>

标签： javascripthtmlforms

Answer 1

这里不需要 JavaScript。只需将type按钮的属性设置为reset.

<form>
  <input type="text" />
  <input type="text" value="1" />
  <button id="reset" name="reset" type="reset">reset</button>
</form>

默认情况下，abutton中的元素form将提交表单。