Recordar valores del campo de formulario para una página diferente

Tengo "Página 1" y "Página 2".

En "Página 1" si hago clic en el botón "Ir a la página 2", iré a "Página 2", también en "Página 1" Tengo un campo de entrada "Este campo aquí" como marcador de posición.

En "Página 2" tengo un botón "Volver a la página 1" que cuando hago clic en él, me llevará a "Página 1".

Lo que quiero es, después de hacer clic en "Volver a la página 1" para completar automáticamente la entrada "Este campo aquí" con el valor enviado antes de hacer clic en "Ir a la página 2".

A continuación tienes mi código actual:

Página 1

<script type="text/javascript">
    function getRandomPage () {
    document.getElementById('MyButton').onclick = location.href = "/?random=1";      
        };
</script>

<form>
<div class="checkboxes" align="center">
        <input type="hidden" name="random" value="1"><br>
        <input placeholder="This field right here" style="width: 296px; height: 30px;" type="text" autocomplete="off"><br>
        <label for="x"><input type="checkbox" id="x" checked=""><span> Some Text </span></label><br>
        <label for="y"><input type="checkbox" id="y" disabled=""><span> Some Text </span></label><br>
        <button id="MyButton" type="submit">Go To Page 2</button>
    </div>
</form>

Página 2

<form action="/">
    <div align="center">
        <button type="submit">Go Back To Page 1</button>
    </div>
</form>

Estoy pensando que tal vez podría hacerse con js tal vez? Pero no se como

Respuestas a la pregunta(2)

Su respuesta a la pregunta