如何使文本出现在表单的另一个页面上？答案

【问题标题】：How can I make text appear on another page in a form?如何使文本出现在表单的另一个页面上？
【发布时间】：2017-07-11 08:40:10
【问题描述】：

我正在我的网站上制作一个“开始”按钮，用户可以在其中输入他的电子邮件，然后按“开始”。然后该文本应传输到电子邮件字段中的我的登录页面。

这是我的按钮代码：

                    <form method="post" action="#" class="container 50%">
                        <div class="row uniform 50%">
                            <div class="8u 12u$(xsmall)"><input type="email" name="email" id="email" placeholder="Your Email Address" /></div>
                            <div class="4u$ 12u$(xsmall)"><input type="button" value="Get Started" class="fit special" onclick="location.href='loginsystem/loginpage.php';"></div>
                        </div>
                    </form>

这是我的登录页面代码：

<?php
/* Main page with two forms: sign up and log in */
require 'db.php';
session_start();
?>
<!DOCTYPE html>
<html>
<head>
<title>Sign-Up/Login Form</title>
<?php include 'css/css.html'; ?>
</head>
<?php
if ($_SERVER['REQUEST_METHOD'] == 'POST')
{
if (isset($_POST['login'])) { //user logging in

    require 'login.php';

}

elseif (isset($_POST['register'])) { //user registering

    require 'register.php';

}
}
?>
<body style="background-color: #1c1d26">
<div class="form">

  <ul class="tab-group">
    <li class="tab"><a href="#signup">Sign Up</a></li>
    <li class="tab active"><a href="#login">Log In</a></li>
  </ul>

  <div class="tab-content">

     <div id="login">
      <h1>Welcome Back!</h1>

      <form action="loginpage.php" method="post" autocomplete="off">

        <div class="field-wrap">
        <label>
          Email Address<span class="req">*</span>
        </label>
        <input type="email" required autocomplete="off" name="email"/>
      </div>

      <div class="field-wrap">
        <label>
          Password<span class="req">*</span>
        </label>
        <input type="password" required autocomplete="off" name="password"/>
      </div>

      <p class="forgot"><a href="forgot.php">Forgot Password?</a></p>

      <button class="button button-block" name="login" />Log In</button>

      </form>

    </div>

    <div id="signup">
      <h1>Sign Up for Free</h1>

      <form action="loginpage.php" method="post" autocomplete="off">

      <div class="top-row">
        <div class="field-wrap">
          <label>
            First Name<span class="req">*</span>
          </label>
          <input type="text" required autocomplete="off" name='firstname' />
        </div>

        <div class="field-wrap">
          <label>
            Last Name<span class="req">*</span>
          </label>
          <input type="text"required autocomplete="off" name='lastname' />
        </div>
      </div>

      <div class="field-wrap">
        <label>
        Email Address<span class="req">*</span>
        </label>
        <input type="email"required autocomplete="off" name='email' />
      </div>

      <div class="field-wrap">
        <label>
        Set A Password<span class="req">*</span>
        </label>
        <input type="password"required autocomplete="off" name='password'/>
      </div>

      <button type="submit" class="button button-block" name="register" />Register</button>

      </form>

    </div>

  </div><!-- tab-content -->

  </div> <!-- /form -->
 <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'>            </script>

<script src="js/index.js"></script>

</body>
</html>

谢谢！

【问题讨论】：

你可以，而不是在 onclick 中进行位置更改，只需将其设为 submit button 并带有 type="submit" 和例如name="submit" + 在表单中添加一个 action attribute 指向您的 php 文件 - 然后在您的 php 中，您可以要求 $_POST['submit'] 并从 $_POST['email'] 获取输入数据 - 顺便说一句.您也许应该花点时间研究一下 html 表单以及何时/为什么使用 js 和 php，或者更好的是它们的用例是什么；）

标签： php html forms button input

【解决方案1】：

在你的开始form设置action="yourLoginPage.php"

<form method="post" action="yourLoginPage.php" class="container 50%">

在您的登录页面中

<input type="email" required autocomplete="off" name="email" value="<?php echo $_POST["email"]; ?>"/>

【讨论】：