快捷導(dǎo)航

HTML中嵌入PHP的簡單方法

更新時間：2016年02月16日 16:41:36 作者：Rainnnbow

這篇文章主要為大家詳細介紹了HTML中嵌入PHP的簡單方法，以一個實例實現(xiàn)php嵌入到html中，感興趣的小伙伴們可以參考一下

我們以一個提交訂單和顯示訂單信息的例子為學(xué)習PHP的開始。這個例子包含兩個文件。一個提交訂單的html文件：orderform.html，一個顯示訂單信息的php文件：processorder.php。我將這兩個文件放在test_1文件夾下，將test_1文件夾放在htdocs目錄下。
文件的組織形式如下圖所示，使用xampps安裝的集成環(huán)境。

提交訂單的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 '$_REQUEST['name']'
$tireqty = $_POST['tireqty'];
$oilqty = $_POST['oilqty'];
$sparkqty = $_POST['sparkqty'];
?>

<!DOCTYPE html>
<html>
<head>
  <title>Bob 's Auto Parts - Order Results</title>
</head>
<body>
  <h1>Bob 's Auto Parts</h1>
  <h2>Order Results</h2>
  <?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 />"
  ?>
  ---------------------------------------------------<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，將顯示填寫訂單信息頁面，如下所示：