HTML中嵌入PHP的简单方法_PHP-PHP Tutorial-php.cn

HTML中嵌入PHP的简单方法_PHP

WBOY

Release： 2016-05-28 11:48:43

Original

1164 people have browsed it

我们以一个提交订单和显示订单信息的例子为学习PHP的开始。这个例子包含两个文件。一个提交订单的html文件：orderform.html，一个显示订单信息的php文件：processorder.php。我将这两个文件放在test_1文件夹下，将test_1文件夹放在htdocs目录下。
文件的组织形式如下图所示，使用xampps安装的集成环境。

提交订单的html文件orderform.html如下所示：

<form action="processorder.php" method="post">
  <table>
    <tr bgcolor="#cccccc">
      <td width="150">Item</td>
      <td width="15">Quantity</td>
    </tr>
    <tr>
      <td>Tires</td>
      <td align="center"><input type="text" name="tireqty" size="3" maxlength="3" /></td>
    </tr>
    <tr>
      <td>Oil</td>
      <td align="center"><input type="text" name="oilqty" size="3" maxlength="3" /></td>
    </tr>
    <tr>
      <td>Spark Plugs</td>
      <td align="center"><input type="text" name="sparkqty" size="3" maxlength="3" /></td>
    </tr>
    <tr>
      <td colspan="2" align="center"><input type="submit" value="Submit Order" /></td>
    </tr>
  </table>
</form>

Copy after login

显示订单信息的php文件processorder.php如下所示：

<&#63;php
// create short variable names, also can use '$_REQUEST['name']'
$tireqty = $_POST['tireqty'];
$oilqty = $_POST['oilqty'];
$sparkqty = $_POST['sparkqty'];
&#63;>

<!DOCTYPE html>
<html>
<head>
  <title>Bob 's Auto Parts - Order Results</title>
</head>
<body>
  <h1>Bob 's Auto Parts</h1>
  <h2>Order Results</h2>
  <&#63;php
  echo "<p>Order processed at ";
  echo date('H:i, jS F Y')."</p>";
  echo "<p>Your order is as follows: </p>";
  echo "$tireqty tires<br />";
  echo $oilqty.' bottles of oil<br />';
  echo $sparkqty." spark plugs<br />"
  &#63;>
  ---------------------------------------------------<br />
  <&#63;php
  $testHeredoc = <<< EOF
  line 1  
  line 2  
  line 3  
EOF;
  echo "$testHeredoc"."<br />";
  &#63;>
  ---------------------------------------------------<br />
  <&#63;php
  echo "About Comment:";
  //Here is a comment.
  #Here is a comment too.
  /*
  Here is multi line comment.
  Here is multi line comment.
   */
  &#63;>
</body>
</html>

Copy after login

在浏览器中输入http://localhost/test_1/orderform.html，将显示填写订单信息页面，如下所示：