HTMLへの内容の書き込み
HTMLへの直接書き込み
以下のコードはPHPのコードを直接HTML内に埋め込んで、その出力をHTMLの内容とする例。実行後のHTMLソースにはPHPのコードは表示されず、出力結果のみが反映される。
PHPファイル
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>HTML中への要素の直接書き込み</title> </head> <body> <?php echo "<p>このp要素はPHPで直接埋め込まれたものです。</p>\n"; ?> <?php echo "<p>HTMLソースでは書き込まれた結果だけが見えます。</p>\n"; ?> <?php echo "<p>HTMLソースできちんと改行するために文字列をダブルクォート\"で囲み、改行文字\\nを使っています。</p>\n"; ?> </body> </html> |
実行後のHTMLソース
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>HTML中への要素の直接書き込み</title> </head> <body> <p>このp要素はPHPで直接埋め込まれたものです。</p> <p>HTMLソースでは書き込まれた結果だけが見えます。</p> <p>HTMLソースできちんと改行するために文字列をダブルクォート"で囲み、改行文字\nを使っています。</p> </body> </html> |
HTMLへの変数内容の書き込み
PHPの変数をHTMLの外側で定義し、HTML内でそれを出力する例。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<?php $text1 = 'このテキストはHTMLのp要素の内容をPHPの変数として埋め込んだものです。'; $text2 = 'テキストの内容の変数定義はHTMLの中でも外でもかまいません。'; $text3 = '変数を定義しているコードはHTMLソースでは見られません。'; ?> <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>HTML中の要素の内容書き込み</title> </head> <body> <p><?php echo $text1 ?></p> <p><?php echo $text2 ?></p> <p><?php echo $text3 ?></p> </body> </html> |
実行後のHTMLソース
|
1 2 3 4 5 6 7 8 9 10 11 12 |
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>HTML中の要素の内容書き込み</title> </head> <body> <p>このテキストはHTMLのp要素の内容をPHPの変数として埋め込んだものです。</p> <p>テキストの内容の変数定義はHTMLの中でも外でもかまいません。</p> <p>変数を定義しているコードはHTMLソースでは見られません。</p> </body> </html> |
HTML要素の繰り返し書き込み
for文によるHTML要素の生成
以下の例ではfor文で指定した個数のli要素を生成している。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>繰り返しの例～リスト要素</title> </head> <body> <ul> <?php for ($i = 1; $i <= 5; $i++) { ?> <li><?php echo $i; ?>番目の項目</li> <?php } ?> </ul> </body> </html> |
実行後のHTMLソース
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>繰り返しの例～リスト要素</title> </head> <body> <ul> <li>1番目の項目</li> <li>2番目の項目</li> <li>3番目の項目</li> <li>4番目の項目</li> <li>5番目の項目</li> </ul> </body> </html> |
foreachによるselect要素の設定
この例ではselect要素の中のoption要素を連想配列に基づいて生成している。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
<?php $science_courses = [ 'physics' => '物理学', 'chemistry' => '化学', 'biology' => '生物学', 'geology' => '地質学', 'astronomy' => '天文学', ]; ?> <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>繰り返しの例～セレクト要素</title> </head> <body> <select name="science_courses"> <?php foreach ($science_courses as $key => $value) { ?> <option value="<?php echo $key; ?>"><?php echo $value; ?></option> <?php } ?> </select> </body> </html> |
実行後のHTMLソース
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>繰り返しの例～セレクト要素</title> </head> <body> <select name="science_courses"> <option value="physics">物理学</option> <option value="chemistry">化学</option> <option value="biology">生物学</option> <option value="geology">地質学</option> <option value="astronomy">天文学</option> </select> </body> </html> |