Reset a form, without javascript? (input type=reset not working)

问题

Well, I guess the title says it all. I'm looking for a way to reset all the fields within a form. I've tried some of the following:

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

And

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

Yet, none of this seems to be working.

This is a stripped version of my form.

    <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>

---

Edit: Apparently the reset button will replace the values of all inputs with the values they had on page load. The button would clear all fields and leave them blank only if the input's value property aren't declared or are null on page load.

回答1:

Guess what. It actually DOES work. I didn't change anything at all. I promise:

<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>

If it's not working on your site, then you may have another syntax error.

回答2:

get rid of what u echo to the input value and it should work...

回答3:

The previous answers are correct. The reset button resets the form's inputs to their initial values, not to blank.

In my case, I wanted to blank all of my inputs. I thought about writing some JavaScript that sets all the inputs to "", but I decided that just reloading the page would be easier. In my case, reloading the page blanks the form.

Try this:

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

来源：https://stackoverflow.com/questions/27309291/reset-a-form-without-javascript-input-type-reset-not-working