如何存储所有 HTML 个输入值

Question

我想在单击 "save" 按钮时将 HTML 输入值存储在某处，因此当我重新加载页面或重新加载浏览器时，它们将与我离开时相同。我不知道该怎么做。

HTML代码：

<p>
    <input type="text" id="name1" class="input-class" disabled="true" value="Cigarette" />
    <input type="number" id="input1" class="input-class" value="1" />&nbsp; - Amount
    <input type="number" id="input2" class="input-class" value="1" />&nbsp; <input type="button" value="Sold" onClick="gamokleba()" />
    <br>
    <input type="text" id="name2" class="input-class" disabled="true" value="Winston" />
    <input type="number" id="input11" class="input-class" value="1" />&nbsp; - Amount
    <input type="number" id="input21" class="input-class" value="1" />&nbsp; <input type="button" value="Sold" onClick="gamokleba2()" />

 </p>

 <input type="button" value="Save All Value" onClick="..." />

JavaScript代码：

function gamokleba (value) {
    document.getElementById('input1').value = document.getElementById('input1').value - document.getElementById('input2').value;
}


function gamokleba2 (value) {
    document.getElementById('input11').value = document.getElementById('input11').value - document.getElementById('input21').value;
}

Answer 1

您可以使用 localStorage https://developer.mozilla.org/pl/docs/Web/API/Window/localStorage

更改任何输入中的值后，将其存储在 localStorage 中，并在页面加载时检查 localStorage 中是否有任何值。如果有，请在您的输入中设置它们。

编辑：要清楚 - 它只会存储在客户端，所以不同的用户不会看到它。

如何存储所有 HTML 个输入值

How to store all HTML input values

html

javascript

store