Question

我有一个Wordpress网站，我需要在单独的页面上将表单输入数据从小表单传递到更大的表单。

小表单包含3个字段，位于站点的header.php文件中：

<form role="form" class="formsmall">
  <div class="form-group">
    <label class="sr-only" for="firstname">First Name</label>
    <input type="text" class="form-control" id="firstname" placeholder="First Name">
  </div>
  <div class="form-group">
    <label class="sr-only" for="lastname">Last Name</label>
    <input type="text" class="form-control" id="lastname" placeholder="Last Name">
  </div>
 <div class="form-group">
    <label class="sr-only" for="email">Email</label>
    <input type="text" class="form-control" id="email" placeholder="Email Address">
  </div>

<a href="http://poweredby-staging.fundrazr.com/?page_id=253#register"><button type="button" class="btn btn-lg btn-success">Get Started</button></a>
</form>

大表单是一个Mailchimp表单，代码发布在Wordpress页面中......

我知道你必须使用jQuery或javascript来复制数据，但我已经尝试了几种方法，但没有一种方法可行。请帮忙！

Answer 1

**删除文字**

小例子：

 <input class="required" id="mce-FNAME" type="text" name="FNAME" value="<?php print (!empty($_POST['FNAME']) ? $_POST['FNAME'] : ''); ?>">

编辑2：

添加表单提交和表单操作并更改按钮（删除链接并更改按钮类型）

在表单

上添加名称 - 属性

<form role="form" action="http://poweredby-staging.fundrazr.com/?page_id=253#register" method="post" class="formsmall">
<div class="form-group">
    <label class="sr-only" for="firstname">First Name</label>
    <input type="text" class="form-control" id="firstname" placeholder="First Name" name="FNAME" />
</div>
<div class="form-group">
    <label class="sr-only" for="lastname">Last Name</label>
    <input type="text" class="form-control" id="lastname" placeholder="Last Name" name="LNAME" />
</div>
<div class="form-group">
    <label class="sr-only" for="email">Email</label>
    <input type="text" class="form-control" id="email" placeholder="Email Address" name="EMAIL" />
</div>

<button type="submit" class="btn btn-lg btn-success">Get Started</button>

在Wordpress中复制表单数据

1 个答案: