首页 > 文章 > 后端开发 > HTML中嵌入PHP的简单方法

HTML中嵌入PHP的简单方法

不言原创: 2018-04-16 17:18:3525573浏览

这篇文章主要为大家详细介绍了HTML中嵌入PHP的简单方法，以一个实例实现php嵌入到html中，感兴趣的小伙伴们可以参考一下

我们以一个提交订单和显示订单信息的例子为学习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>

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

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

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

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