重置表单，没有javascript？（输入类型=重置不起作用）答案

【问题标题】：Reset a form, without javascript? (input type=reset not working)重置表单，没有javascript？（输入类型=重置不起作用）
【发布时间】：2015-02-03 05:36:32
【问题描述】：

嗯，我想标题说明了一切。我正在寻找一种方法来重置表单中的所有字段。我尝试了以下一些方法：

<input type="reset" value="Clear all fields">

和

<button type="reset">Clear all fields</button>

然而，这些似乎都不起作用。

这是我的表单的精简版。

    <form id="form2" action="mainframe.php?paso=21" method="POST">
       <input type="reset" value="Reset">
       <button type="reset" form="form2">Reset</button>
       <?php while($row=$resultado->fetch_assoc()){ ?>
       <p>Number of <?php echo $row['name']; ?>
       <input type="text" name="saldo[<?php echo $row['id']; ?>]" value="<?php echo $row['saldo']; ?>" maxlength="30" />
       <?php } ?>
    </form>
    <button type="submit" form="form2">Send</button>

编辑：显然reset 按钮会将所有inputs 的值替换为它们在页面加载时的值。仅当 input 的 value 属性未声明或在页面加载时为空时，该按钮才会清除所有字段并将它们留空。

【问题讨论】：

点击重置按钮时检查浏览器是否有脚本错误
感谢您的编辑 - 关于重置为默认值的简单但有用的一点！

标签： html forms button reset

【解决方案1】：

你猜怎么着。它实际上确实有效。我根本没有改变任何东西。我保证：

<form id="form2" action="mainframe.php?paso=21" method="POST">
       <input type="reset" value="Reset">
       <button type="reset" form="form2">Reset</button>
       <?php while($row=$resultado->fetch_assoc()){ ?>
       <p>Number of <?php echo $row['name']; ?>
       <input type="text" name="saldo[<?php echo $row['id']; ?>]" value="<?php echo $row['saldo']; ?>" maxlength="30" />
       <?php } ?>
    </form>
    <button type="submit" form="form2">Send</button>

如果它不能在您的网站上运行，那么您可能有另一个语法错误。

【讨论】：

太奇怪了，它似乎在我的电脑上不起作用。我试过 Chrome 和 Firefox。另外，我已经禁用了所有扩展。至少现在我知道问题不在代码中
嗯。给我们您的表单的未精简版本。

【解决方案2】：

摆脱你对输入值的回显，它应该可以工作......

【讨论】：

请将建议添加为评论，仅在此处填写详细答案
确实，这就是问题的原因。我期待按钮实际上“清除”字段（意味着将其留空），但重置按钮似乎在页面加载时放置了所有输入的值。非常感谢您的回答 Matmot 和上帝是好的 :)

【解决方案3】：

前面的答案是正确的。重置按钮将表单的输入重置为其初始值，而不是空白。

就我而言，我想清空我的所有输入。我曾考虑编写一些 JavaScript 将所有输入设置为“”，但我决定重新加载页面会更容易。就我而言，重新加载页面会使表单空白。

试试这个：

<input type="button" onclick="window.location='http://www.yourwebsite.com/form.php'" value="Reset" />

【讨论】：