Javascript 如何存储所有HTML输入值

我想在单击“保存”按钮时将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="..." />

您可以使用本地存储

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

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