提交没有服务器端脚本的表单

时间:2016-02-27 18:08:19

标签: javascript html css forms

我希望能够在没有服务器端脚本的情况下提交表单。这可能吗?我希望它像提示一样,用户的输入存储在一个变量中。有没有办法在用户点击提交按钮时这样做,无论他们在表单中输入什么都保存在变量中?谢谢!

1 个答案:

答案 0 :(得分:0)

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

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