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
- Gunakan pembatas untuk menenun antara PHP dan HTML – <p><?php echo $VAR; ?></p>
- Gunakan tag pendek PHP – <p><?=$VAR?></p>
- Untuk banyak variabel, kita dapat menggemakan seluruh string HTML
- echo "<input type='$TYPE' value='$VAL'>";
- echo "<p>{$ARRAY["KEY"]} - {$ARRAY["KEY"]}<p>";
- 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
Jika Anda menemukan bug, jangan ragu untuk berkomentar di bawah ini. Saya mencoba menjawab pertanyaan singkat juga, tetapi itu adalah satu orang versus seluruh dunia… Jika Anda sangat membutuhkan jawaban, silakan periksa daftar situs web saya untuk mendapatkan bantuan dalam pemrograman
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> 0“. Itu benar, tetapi lebih akurat – “PHP hanya akan memproses bagian-bagian yang terlampir di <?php dan <?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> 0, sisanya akan ditampilkan apa adanya”. Jadi ya, kapan saja, kami hanya "beralih" ke <?php dan menggunakan <?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> 4 untuk menampilkan variabel
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> 5 untuk menampilkan satu variabel dengan cepat
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" => "jon@doe.com" ]; // (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" => "jon@doe.com" ]; // (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> _6 mungkin tampak seperti jalan memutar dan membingungkan dalam melakukan <?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> 7. Tetapi luangkan waktu untuk menelusuri manual referensi (tautan di bawah), ini menyediakan banyak cara untuk memformat string sesuai keinginan Anda – Padding dengan angka, huruf, membatasi tempat desimal, perataan, dan banyak lagi
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