Question

当我点击“保存”按钮时，我想在某处存储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输入值

1 个答案: