提交没有服务器端脚本的表单[关闭]

【问题标题】：Submitting forms without server side scripts [closed]提交没有服务器端脚本的表单[关闭]
【发布时间】：2016-02-27 18:08:18
【问题描述】：

我希望能够在没有服务器端脚本的情况下提交表单。这可能吗？我希望它像提示一样，用户的输入存储在一个变量中。有没有办法做到这一点，每当用户单击提交按钮时，他们在表单中输入的任何内容都会保存在变量中？谢谢！

【问题讨论】：

它可以存储在cookie或local storage中，但这意味着这些数据只能在用户计算机上使用，而不是在服务器上。
将所有输入存储在一个变量中？那么你会如何处理这个变量呢？
如果没有更好地理解用例，问题就太宽泛了

标签： javascript html css forms

【解决方案1】：

您可以使用本地存储。但是数据只能在用户计算机上可用，而不是在服务器上。

HTML

<input type="text" name="box" id="box" value="" size="40" />
<button onclick="record()">record</button>
<button onclick="read()">read</button>
<span id=result></span>

JAVASCRIPT

function record () {
var content = document.getElementById('box').value;
localStorage.setItem("localdata", content);
document.getElementById('result').innerHTML = "stored!";
}

function read () {
document.getElementById('result').innerHTML = localStorage.getItem("localdata");
}

example on Codepen

【讨论】：

请注意，即使在重新加载浏览器后，数据仍会存储，直到用户清理其缓存。