passando dados de formulário para outra página HTML

Eu tenho duas páginas HTML: form.html e display.html. Em form.html, existe um formulário:

<form action="display.html">
    <input type="text" name="serialNumber" />
    <input type="submit" value="Submit" />
</form>

Os dados do formulário são enviados para display.html. Quero exibir e usar os dados do formulárioserialNumber em display.html, conforme mostrado abaixo:

<body>
    <div id="write">
        <p>The serial number is: </p>
    </div>
    <script>
    function show() {
        document.getElementById("write").innerHTML = serialNumber;
    }
    </script>
</body>

Então, como posso passar oserialNumber variável de form.html para display.html para que o código acima em display.html mostre o número de série e a função JavaScript show () obtenha oserialNumber do primeiro HTML?

questionAnswers(6)

yourAnswerToTheQuestion