重置表单,没有JavaScript? (输入类型=重置不起作用)

时间:2014-12-05 05:20:27

标签: html html5 forms button reset

嗯,我猜这个标题就是这么说的。 我正在寻找一种方法来重置表单中的所有字段。 我尝试了以下一些方法:

<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的{​​{1}}属性未声明或页面加载时为空时才会将其留空。

3 个答案:

答案 0 :(得分:2)

猜猜是什么。它实际上是工作。我根本没有改变任何东西。我保证:

&#13;
&#13;
<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>
&#13;
&#13;
&#13;

如果它无法在您的网站上运行,那么您可能会遇到其他语法错误。

答案 1 :(得分:2)

摆脱输入值的回声,它应该有效......

答案 2 :(得分:1)

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

在我的情况下,我想要删除所有输入。我想写一些JavaScript将所有输入设置为&#34;&#34;但我决定只重新加载页面会更容易。就我而言,重新加载页面会使表单空白。

试试这个:

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