How to reset all data from a form if the user goes back to page?

Question

I have a form that after being submitted presents the result on a second page, like:

<form method="post" id="form" action="form.php">
<input name='nome' id='nome'>
<input type='submit' value='Enviar'>
</form>

And in the form.php something like:

$nome = $_POST['nome'];
echo "O nome é $nome";

In this question is answered how to reset the data when the request is processed on the same page, but I need the data that has been filled out to be completely reset if the user goes back to page by browser button or using keyboard. I tried to:

<script>
    $('#myForm')[0].reset();
</script>

But it didn’t work. What I need is that if the user goes back to the page, the field is no longer filled in. The form has several types of fields (select, input, checkbox, radio), and I need to reset all.

I read several questions on Soen, but due to the language barrier I was even in doubt about it is even possible.

Is it possible? How?

Answer 1

Another option is to use autocomplete for off, for example:

<input type="text" autocomplete="off" value="" name="nome_do_input">

---

Using autocomplete="on", pattern:

---

Using autocomplete="off":

Answer 2

You’re on the right track, but when the browser comes back, it doesn’t reload the scripts, so you need a way to fire it.

Using the event onpageshow it should be possible to trigger such an event. I have not tested but it should work:

$(window).bind("pageshow", function() {
   $('#myForm')[0].reset();
})