Bagaimana Anda menampilkan variabel dalam html?

Selamat datang di tutorial pemula tentang cara menampilkan variabel PHP di HTML. Jadi Anda memiliki beberapa variabel PHP yang ingin Anda "masukkan" ke dalam elemen HTML?

Ada beberapa cara untuk menampilkan variabel PHP dalam HTML

1. Gunakan pembatas untuk menenun antara PHP dan HTML – <p><?php echo $VAR; ?></p>
2. Gunakan tag pendek PHP – <p><?=$VAR?></p>
3. Untuk banyak variabel, kita dapat menggemakan seluruh string HTML
   • echo "<input type='$TYPE' value='$VAL'>";
   • echo "<p>{$ARRAY["KEY"]} - {$ARRAY["KEY"]}<p>";
4. Sebagai alternatif, kita dapat melakukan pencetakan berformat – printf("<p>%s</p>", $VAR);

Itu akan mencakup dasar-dasarnya, tetapi mari kita telusuri lebih banyak contoh dalam panduan ini – Baca terus

ⓘ Saya telah menyertakan file zip dengan semua kode sumber contoh di awal tutorial ini, jadi Anda tidak perlu menyalin-tempel semuanya… Atau jika Anda hanya ingin langsung masuk

TLDR – SLIDE CEPAT

Unduh & Catatan

UNDUH & CATATAN

Pertama, berikut adalah tautan unduhan ke contoh kode sumber seperti yang dijanjikan

CATATAN CEPAT

DOWNLOAD KODE CONTOH

Klik di sini untuk mengunduh kode sumber, saya telah merilisnya di bawah lisensi MIT, jadi silakan membangun di atasnya atau menggunakannya dalam proyek Anda sendiri

MENAMPILKAN VARIABEL PHP

Baiklah, sekarang mari kita mulai dengan contoh menampilkan variabel PHP di HTML

CONTOH 1) MENGGUNAKAN DELIMITER PHP

1-pembatas. php

<?php
// (A) THE VARIABLES
$first = "foo";
$second = "bar";
?>
 
<!-- (B) OUTPUT VARIABLES -->
<p><?php echo $first; ?></p>
<p><?php echo $second; ?></p>

Sejak hari pertama belajar PHP, kita diajarkan untuk “memulai skrip PHP dengan <?php dan menutupnya dengan

<?php
// (A) THE VARIABLES
$var = "foo";
$arr = ["Apple", "Beet", "Cherry"];
?>
 
<!-- (B) OUTPUT VARIABLE -->
<p><?=$var?></p>
 
<!-- (C) COMBINING THE USE OF DELIMITER AND SHORT TAG -->
<ul>
  <?php foreach ($arr as $fruit) { ?>
  <li><?=$fruit?></li>
  <?php } ?>
</ul>

<?php
// (A) THE VARIABLES
$var = "foo";
$arr = ["Apple", "Beet", "Cherry"];
?>
 
<!-- (B) OUTPUT VARIABLE -->
<p><?=$var?></p>
 
<!-- (C) COMBINING THE USE OF DELIMITER AND SHORT TAG -->
<ul>
  <?php foreach ($arr as $fruit) { ?>
  <li><?=$fruit?></li>
  <?php } ?>
</ul>

<?php
// (A) THE VARIABLES
$var = "foo";
$arr = ["Apple", "Beet", "Cherry"];
?>
 
<!-- (B) OUTPUT VARIABLE -->
<p><?=$var?></p>
 
<!-- (C) COMBINING THE USE OF DELIMITER AND SHORT TAG -->
<ul>
  <?php foreach ($arr as $fruit) { ?>
  <li><?=$fruit?></li>
  <?php } ?>
</ul>

CONTOH 2) TAG SINGKAT PHP

2-tag-pendek. php

<?php
// (A) THE VARIABLES
$var = "foo";
$arr = ["Apple", "Beet", "Cherry"];
?>
 
<!-- (B) OUTPUT VARIABLE -->
<p><?=$var?></p>
 
<!-- (C) COMBINING THE USE OF DELIMITER AND SHORT TAG -->
<ul>
  <?php foreach ($arr as $fruit) { ?>
  <li><?=$fruit?></li>
  <?php } ?>
</ul>

Sangat merepotkan untuk beralih antara PHP dan HTML menggunakan pembatas sepanjang waktu, jadi gunakan saja "singkatan"

<?php
// (A) THE VARIABLES
$var = "foo";
$arr = ["Apple", "Beet", "Cherry"];
?>
 
<!-- (B) OUTPUT VARIABLE -->
<p><?=$var?></p>
 
<!-- (C) COMBINING THE USE OF DELIMITER AND SHORT TAG -->
<ul>
  <?php foreach ($arr as $fruit) { ?>
  <li><?=$fruit?></li>
  <?php } ?>
</ul>

CONTOH 3) STRING HTML ECHO

3-gema. php

<?php
// (A) ECHO STRING OF HTML
$first = "foo";
$second = "bar";
echo "<p>$first $second</p>";
 
// (B) DUMMY ARRAY
$person = [
  "name" => "Jon Doe",
  "email" => "[email protected]"
];
 
// (C) THIS WILL NOT WORK!
// echo "<p>$person["name"] - $person["email"]</p>";
 
// (D) WRAP VARIABLES IN CURLY BRACES
echo "<p>{$person["name"]} - {$person["email"]}</p>";

Ini seharusnya sudah cukup jelas… Hal-hal bisa menjadi sangat jelek ketika Anda memiliki banyak variabel untuk dihasilkan. Jadi cara yang lebih cerdas adalah dengan menggemakan seluruh string HTML, dengan variabel "tertanam" di dalamnya

CONTOH 4) CETAK TERFORMAT

4-cetakf. php

<?php
// (A) DUMMY ARRAY
$person = [
  "name" => "Jon Doe",
  "email" => "[email protected]"
];

// (B) FORMATTED PRINT
foreach ($person as $k=>$v) {
  printf("<div><strong>%s:</strong> %s</div>", $k, $v);
}
 
// (C) THE USEFUL PARTS...
$val = 123.45678;
printf("<p>ROUND OFF 2 DECIMAL PLACES %0.2f</p>", $val);

$val = 0.432;
printf("<p>PAD UP TO 5 ZEROS, 2 DECIMAL PLACES %08.2f</p>", $val);

$val = "123";
printf("<p>PAD WITH DOTS %'.10d</p>", $val);

Pada pandangan pertama, fungsi

<?php
// (A) THE VARIABLES
$var = "foo";
$arr = ["Apple", "Beet", "Cherry"];
?>
 
<!-- (B) OUTPUT VARIABLE -->
<p><?=$var?></p>
 
<!-- (C) COMBINING THE USE OF DELIMITER AND SHORT TAG -->
<ul>
  <?php foreach ($arr as $fruit) { ?>
  <li><?=$fruit?></li>
  <?php } ?>
</ul>

<?php
// (A) THE VARIABLES
$var = "foo";
$arr = ["Apple", "Beet", "Cherry"];
?>
 
<!-- (B) OUTPUT VARIABLE -->
<p><?=$var?></p>
 
<!-- (C) COMBINING THE USE OF DELIMITER AND SHORT TAG -->
<ul>
  <?php foreach ($arr as $fruit) { ?>
  <li><?=$fruit?></li>
  <?php } ?>
</ul>

BIT & LINK EKSTRA

Itu saja untuk panduannya, dan berikut adalah beberapa tambahan yang mungkin berguna bagi Anda

LINK dan REFERENSI

• Tag PHP
• Melarikan diri dari HTML
• Gema PHP
• Cetak berformat PHP

VIDEO TUTORIAL

LEMBAR CHEAT INFOGRAFIS

Terima kasih telah membaca, dan kami telah sampai di akhir panduan ini. Saya harap ini membantu Anda dengan proyek Anda, dan jika Anda ingin berbagi apa pun dengan panduan ini, jangan ragu untuk berkomentar di bawah ini. Semoga berhasil dan selamat membuat kode

Bisakah Anda memiliki variabel dalam HTML?

Bagaimana Anda menempatkan variabel dalam skrip di HTML?