PHP を HTML に埋め込む簡単な方法-PHPチュートリアル-php.cn

PHP を HTML に埋め込む簡単な方法

不言

リリース： 2023-03-24 07:04:02

オリジナル

25535 人が閲覧しました

この記事では、HTML に PHP を埋め込む簡単な方法を主に紹介します。興味のある方は参考にしてください。

注文を送信して注文情報を表示する例を使用します。。この例には 2 つのファイルが含まれています。注文を送信するための HTML ファイル: orderform.html、注文情報を表示するための php ファイル: processorder.php。これら 2 つのファイルを 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で、以下に示すように注文情報を入力するページが表示されます: