Сохранение полей формы созданных динамически с помощью js

При помощи скрипта на javascript создаю дополнительные поля для формы.

    function addField() {
    const form = document.querySelector('tbody');

    let newField = document.createElement('input');
    let newTr = document.createElement('tr');
    let newTd = document.createElement('td');
    let contenteditable = document.createElement('td');

    newField.setAttribute('type', 'text');
    newField.setAttribute('name', 'expenditure[]');

    contenteditable.setAttribute("contenteditable", true);
    contenteditable.innerHTML = "Поле для ввода данных";

    const pos = form.childElementCount;
    newTd.appendChild(newField);
    newTr.appendChild(contenteditable);
    newTr.appendChild(newTd);


    form.insertBefore(newTr, form.childNodes[pos]);
}

Как мне сохранить состояние страницы, чтобы после перезагрузки страницы новые поля формы оставались на месте?

На сервере есть php скрипт, который ловит данные из формы.