1

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

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

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

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

它带你去 subscribe.html

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

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

我正在研究 HTML5 会话存储,但没有运气。

这可能吗?

4

2 回答 2

1

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

第一个html页面的Javascript + jQuery

$(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 消息)。在订阅的路由处理程序中,读出 POST 数据并使用输入值填充视图模板中的元素。

Python 后端

@app.route('/subscribe')
def subscribe():
    if request.method == 'POST':
        useremail = request['name_attr_of_email_input']
        return render_template(subscribe.html, email=useremail)
于 2012-10-11T03:29:23.847 回答
0

要使用 php 执行此操作,您需要做的就是提交您创建的表单(在将 'method="post"' 附加到表单元素之后,并为您的文本输入命名,例如,“emailme ”)。

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

从那里,您将 subscribe.html 更改为 .php 文件,并在 subscribe.php 上执行以下操作:

<?php
$email_address = $_POST['emailme'];

echo '<input type="emailadress" name="emailme2" id="emailme2" value="' . $email_address . '" />';
?>

或者:

<?php
$email_address = $_POST['emailme'];
?>

<input type="emailadress" name="emailme2" id="emailme2" value="<?php echo $email_address; ?>" />
于 2012-10-11T03:23:00.490 回答