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

Question

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.

Check your browser for script errors when you click the reset button — Sam
– Sam, Commented Dec 5, 2014 at 6:06
Thanks for the edit - simple but helpful point about the resetting to default values! — Antony
– Antony, Commented Nov 15, 2016 at 12:41

Ian Hazzard · Accepted Answer · 2014-12-05 05:24:06Z

2

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.

answered Dec 5, 2014 at 5:24

Ian Hazzard

7,7688 gold badges37 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Fran Cano Over a year ago

So weird, It doesnt seem to work on my computer. I've tried Chrome and Firefox. Also, I've dissabled all extensions. At least now I know the problem is not in the code

Ian Hazzard Over a year ago

Hmmmm. Give us the NOT stripped down version of your form.

user4325726 · Accepted Answer · 2014-12-05 05:31:45Z

2

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

answered Dec 5, 2014 at 5:31

user4325726

2 Comments

Nilay Vishwakarma Over a year ago

Please add suggestions as comment and only complete detailed answers here

Fran Cano Over a year ago

Indeed, that is the cause of the problem. I was expecting the button to actually "Clear" the fields (meaning leaving it blank) but instead the reset button seems to place the value of all inputs when the page was loaded. Thank you so much for the answers Matmot and God is good :)

RedDragonWebDesign · Accepted Answer · 2018-02-24 07:55:41Z

1

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

answered Feb 24, 2018 at 7:55

RedDragonWebDesign

2,7572 gold badges27 silver badges26 bronze badges

Collectives™ on Stack Overflow

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

3 Answers 3

2 Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related