javascript - 从输入中获取值到下一页的输入？

Question

我的表单中有一个输入字段 - 可以说:

<form action="/subscribe">
  <input type="emailadress" id="emailme" value="Email Address" />
  <input type="submit" value="Subscribe" class="cat_button" />
</form>

然后在下一页(subscribe.html)上我有一个完整的表格。

我想做的是让用户输入他们的电子邮件地址，然后按订阅。

需要你订阅.html

当您到达该页面时，您的电子邮件地址已预先填写。

编辑:我无法访问服务器端编程 - 只能访问 Javascript、HTML 和 CSS。

我正在研究 HTML5 session 存储，但没有成功。

这可能吗？

Answer 1

这当然是可能的。如果您想要一个完全客户端的解决方案，一种方法可能是使用 Javascript 单击监听器捕获单击事件，选择表单中的两个元素并读取它们的值，然后将这些值放入 session 存储中。在 subscribe.html 页面的 Javascript 中，请务必从 session 存储中读出值并在 subscribe.html 页面中填写适当的输入元素。

Javascript + jQuery 用于第一个 html 页面

$(document).ready(function() {
("myform").click(function() {
    var useremail = ("selector_for_email").val();
    sessionStore.setitem("useremail", useremail);
    // Don't preventDefault, allow form POSTing
});
});

第二个 html 页面的 Javascript + jQuery

$(document).ready(function() {
        var useremail = sessionStore.getItem("useremail");
        ("input_elem").val(useremail);
    });

如果您愿意接受涉及客户端和服务器的解决方案，只需允许用户提交表单(发送 POST 消息)即可。在订阅的路由处理程序中，读出 POSTed 数据并使用输入值填充 View 模板中的元素。

Python 后端

@app.route('/subscribe')
def subscribe():
    if request.method == 'POST':
        useremail = request['name_attr_of_email_input']
        return render_template(subscribe.html, email=useremail)