,可以通过以下步骤实现:
<form id="myForm">
<input type="text" id="inputField" />
<button onclick="saveInput()">保存</button>
</form>
function saveInput() {
event.preventDefault(); // 阻止表单的默认提交行为
var inputField = document.getElementById("inputField");
var userInput = inputField.value;
sessionStorage.setItem("userInput", userInput);
}
window.onload = function() {
var userInput = sessionStorage.getItem("userInput");
if (userInput) {
var inputField = document.getElementById("inputField");
inputField.value = userInput;
}
};
这样,当用户在表单中输入内容并点击保存按钮时,表单的值不会被重置,而是保存在会话存储中。在页面重新加载后,会从会话存储中恢复用户输入的值到表单中。
推荐的腾讯云相关产品:腾讯云对象存储(COS)
请注意,以上答案仅供参考,具体的实现方式和推荐产品可能因实际需求和环境而有所不同。
领取专属 10元无门槛券
手把手带您无忧上云