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

Question

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

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

Answer 1

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

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

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