Retain the form values in HTML even after re-directed from another HTML page

Question

I am creating a Sample Registration form using HTML and JS. After filling out all the fields in the form, I have a href link, on clicking it, takes to new HTMl page for uploading documents and on clicking a button in the upload page...it then re-directs to the form page. But the form page gets reloaded and so I am losing all the values given as input.

Maybe opening new page for uploading documents in new tab would help? — Arminas Šaltenis, May 28 '20 at 11:07
Use localStorage instead or put the information in the link and then parse the link when you load the new page. — SRR, May 28 '20 at 11:49

score 2 · Answer 1 · edited May 29 '20 at 06:15

2

Here's one way you can do this :

In the JavaScript of the first HTML file (where you get the data):

localStorage.setItem('variable',value)

and then retrieve it from another JavaScript file:

localStorage.getItem('variable')

Another approach:

Global variables in Javascript across multiple files

edited May 29 '20 at 06:15

Roberto Caboni

7,252
10
25
39

answered May 28 '20 at 11:09

ssomename

505
6
21

1

Link can be temporary. Can you post your answer in this section – QuickSilver May 29 '20 at 05:21

Retain the form values in HTML even after re-directed from another HTML page

1 Answers1