Fatal编程技术网
  • php/
  • 如何使用PHP处理表单数据并将其提交到不同的网页？

如何使用PHP处理表单数据并将其提交到不同的网页？

php html

如何使用PHP处理表单数据并将其提交到不同的网页？,php,html,Php,Html,我正在设置一个网页，该网页输出从不同页面输入的表单数据，但我在处理和提交这些数据时遇到了问题。我希望第二个网页的输出在下面的HTML代码中列出。HTML的第一部分是名为reservations.HTML的第一个页面，我想提交到contactform.php页面 <form class="reservation-form" action="contactform.php" method="post" ng-submit="processForm()"> <fiel

我正在设置一个网页，该网页输出从不同页面输入的表单数据，但我在处理和提交这些数据时遇到了问题。我希望第二个网页的输出在下面的HTML代码中列出。HTML的第一部分是名为reservations.HTML的第一个页面，我想提交到contactform.php页面

<form class="reservation-form" action="contactform.php" method="post" ng-submit="processForm()">
        <fieldset>
          <legend>Contact Information</legend>
          <label for="firstname">First Name:</label>
          <input type="text" id="firstname" name="firstname" class="form-control" ng-model="formData.firstname" ><br><br>
          <label for="middlename">Middle Name:</label>
          <input type="text" id="middlename" name="middlename" class="form-control" ng-model="formData.middlename"><br><br>
          <label for="lastname">Last Name:</label>
          <input type="text" id="lastname" name="lastname" class="form-control" ng-model="formData.lastname"><br><br>
          <label for="phone"> Phone Number: </label>
          <input type="tel" name="phone" class="form-control" ng-model="formData.phone"><br><br>
          <label for="email">Email Address: </label>
          <input type="email" name="email" class="form-control" ng-model="formData.email"><br><br>
        </fieldset>
<fieldset>
  <legend>Travel Information</legend>
     <label for="locations">Current Locations:</label>
       <select name="locations" id="locations" onchange="activites('locations', 'activitiesList')" ng-model="formData.locations">
        <option value="australia">Brisbane</option>
        <option value="canada">Vancouver</option>
        <option value="newyork">New York City</option>
        <option value="germany">Berlin</option>
        <option value="mexico">Cancun</option>
         </select><br><br>
          <label for="depart-date">Departure Date: </label>
          <input type="date" name="depart-date" id="depart-date" ng-model="formData.departuredate"><br><br>
          <label for="return-date">Return Date: </label>
          <input type="date" name="return-date" id="return-date" ng-model="formData.returndate"><br><br>
          <label for="needed">Options</label><br>
          <input type="checkbox" name="needed" value="flight" ng-model="formData.flight"> Flight<br>
          <input type="checkbox" name="needed" value="hotel" ng-model="formData.hotel"> Hotel<br>
          <input type="checkbox" name="needed" value="car" ng-model="formData.car"> Rental Car<br><br>
</fieldset>
  <div id="activities" class="">
                    <label class="">Choose an Activity</label>
                    <select id="activitiesList" name="activities" ng-model="formData.activities">
                    </select>
                </div>

<fieldset>
 <legend>Billing Information</legend>
   <label for="line1">Address Line 1:</label>
     <input type="text" id="line1" name="line1" ng-model="formData.line1"><br><br>
       <label for="line2">Address Line 2:</label>
     <input type="text" id="line2" name="line2" ng-model="formData.line2"><br><br>
       <label for="city">City: </label>
     <input type="text" name="city" ng-model="formData.city"><br><br>
       <label for="state">State: </label>
     <select name="state" id="state" ng-model="formData.state">
         <option value="AL">Alabama</option>
         <option value="AK">Alaska</option>
         <option value="AZ">Arizona</option>
         <option value="AR">Arkansas</option>
         <option value="CA">California</option>
         <option value="CO">Colorado</option>
         <option value="CT">Connecticut</option>
         <option value="DE">Delaware</option>
         <option value="DC">District Of Columbia</option>
         <option value="FL">Florida</option>
         <option value="GA">Georgia</option>
         <option value="HI">Hawaii</option>
         <option value="ID">Idaho</option>
         <option value="IL">Illinois</option>
         <option value="IN">Indiana</option>
         <option value="IA">Iowa</option>
         <option value="KS">Kansas</option>
         <option value="KY">Kentucky</option>
         <option value="LA">Louisiana</option>
         <option value="ME">Maine</option>
         <option value="MD">Maryland</option>
         <option value="MA">Massachusetts</option>
         <option value="MI">Michigan</option>
         <option value="MN">Minnesota</option>
         <option value="MS">Mississippi</option>
         <option value="MO">Missouri</option>
         <option value="MT">Montana</option>
         <option value="NE">Nebraska</option>
         <option value="NV">Nevada</option>
         <option value="NH">New Hampshire</option>
         <option value="NJ">New Jersey</option>
         <option value="NM">New Mexico</option>
         <option value="NY">New York</option>
         <option value="NC">North Carolina</option>
         <option value="ND">North Dakota</option>
         <option value="OH">Ohio</option>
         <option value="OK">Oklahoma</option>
         <option value="OR">Oregon</option>
         <option value="PA">Pennsylvania</option>
         <option value="RI">Rhode Island</option>
         <option value="SC">South Carolina</option>
         <option value="SD">South Dakota</option>
         <option value="TN">Tennessee</option>
         <option value="TX">Texas</option>
         <option value="UT">Utah</option>
         <option value="VT">Vermont</option>
         <option value="VA">Virginia</option>
         <option value="WA">Washington</option>
         <option value="WV">West Virginia</option>
         <option value="WI">Wisconsin</option>
         <option value="WY">Wyoming</option>
            </select><br><br>
            <label for="zip">Zip Code: </label>
            <input type="text" name="zip" id="zip" ng-model="formData.zip"><br><br>
 </fieldset>
     <button ng-click="submit()" style="color:black;font-size:1em;">
          <b>Submit</b>
     </button><br><br>
     <button ng-click="reset()" style="color:black;font-size:1em;">
        <b>Reset</b>
     </button><br><br>
    </form>
<?php

if (isset($_POST['submit'])) {

    $firstname = $_POST['firstname'];
    $middlename = $_POST['middlename'];
    $lastname = $_POST['lastname'];
    $phone = $_POST['phone'];
    $email = $_POST['email'];
    $locations = $_POST["locations"];
    $depart = $_POST["depart-date"];
    $return = $_POST["return-date"];
    $options = $_POST["options"];
    $line1 = $_POST["line1"];
    $line2 = $_POST["line2"];
    $city = $_POST["city"];
    $state = $_POST["state"];
    $zip = $_POST["zip"];
    $departDB = strtotime($depart);
    $returnDB = strtotime($return);
    $departDB = date('Y-m-d', $departDB);
    $returnDB = date('Y-m-d', $returnDB);
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Contact Form</title>
</head>
<body>
    <h1>Thank You</h1>
    <p>Here is the information you have submitted:</p>
    <ol>
        <li><em>First Name:</em> <?php echo $_POST["firstname"]?></li>
        <li><em>Middle Name:</em> <?php echo $_POST["middlename"]?></li>
        <li><em>Last Name:</em> <?php echo $_POST["lastname"]?></li>
        <li><em>Phone Number:</em> <?php echo $_POST["phone"]?></li>
        <li><em>Email:</em> <?php echo $_POST["email"]?></li>
        <li><em>Location:</em> <?php echo $_POST["locations"]?></li>
        <li><em>Departure Date:</em> <?php echo $_POST["depart-date"]?></li>
        <li><em>Return Date:</em> <?php echo $_POST["return-date"]?></li>
        <li><em>Options Selected:</em> <?php echo $_POST["options"]?></li>
        <li><em>Address Line 1:</em> <?php echo $_POST["line1"]?></li>
        <li><em>Address Line 2:</em> <?php echo $_POST["line2"]?></li>
        <li><em>City:</em> <?php echo $_POST["city"]?></li>
        <li><em>State:</em> <?php echo $_POST["state"]?></li>
        <li><em>Zip Code:</em> <?php echo $_POST["zip"]?></li>
    </ol>
</body>
</html>


联系方式
名字：



中名：



姓氏：



电话号码：



电邮地址：



游程信息
目前地点：
布里斯班
温哥华
纽约市
柏林
坎昆



出发日期：



返回日期：



选项

航班

酒店

租车


选择一项活动
计费信息
地址行1：



地址行2：



城市：



声明：
阿拉巴马州
阿拉斯加州
亚利桑那州
阿肯色州
加利福尼亚
科罗拉多州
康涅狄格州
特拉华州
哥伦比亚特区
佛罗里达州
佐治亚州
夏威夷
爱达荷州
伊利诺伊州
印第安纳州
爱荷华州
堪萨斯州
肯塔基州
路易斯安那州
缅因州
马里兰
马萨诸塞州
密歇根
明尼苏达州
密西西比
密苏里州
蒙大拿
内布拉斯加州
内华达州
新罕布什尔州
新泽西州
新墨西哥州
纽约
北卡罗来纳州
北达科他州
俄亥俄州
奥克拉荷马
俄勒冈
宾夕法尼亚
罗德岛
南卡罗来纳州
南达科他州
田纳西州
得克萨斯州
犹他州
佛蒙特州
弗吉尼亚州
华盛顿
西弗吉尼亚州
威斯康星州
怀俄明州



邮政编码：



提交



重置



联系方式
非常感谢。
以下是您提交的信息：


  • 名字：
    • 

  • 中间名：
    • 

  • 姓氏：
    • 

  • 电话号码：
    • 

  • 电邮：
    • 

  • 地点：
    • 

  • 出发日期：
    • 

  • 返回日期：
    • 

  • 所选选项：
    • 

  • 地址行1：
    • 

  • 地址行2：
    • 

  • 城市：
    • 

  • 声明：
    • 

  • 邮政编码：
    •
    没有表单标签和提交按钮

    <form method="POST" action="">
    ...
    <input type="text" name="firstname" value="">
    .. And all other fields ..
    ...
    <input type="submit" name="submit" value="send">
</form>

    
...
.. 以及所有其他领域。。
...
    显示您提交的表单。我已更新了显示表单的原始帖子。我已更新以显示原始html页面，其中有表单标签和提交按钮。我应该在提交的表单页面上添加一个？怎么了？没有收到任何数据？是的，我正在使用xampp运行本地服务器，当我单击submit时，它没有做任何事情，我认为这是因为您使用了AngularJS语法。使用干净的HTML语法，正如我上面所说，有没有办法让它使用我使用的角度语法来提交数据？