Setelah mempelajari bab ini, peserta didik mampu:<\/p>\n\n\n\n
Website yang hanya menampilkan informasi disebut website statis<\/strong>. Sebaliknya, website yang dapat menerima masukan dari pengguna disebut website dinamis<\/strong>.<\/p>\n\n\n\n Contoh website dinamis:<\/p>\n\n\n\n Semuanya menggunakan Form HTML<\/strong> sebagai media input data.<\/p>\n\n\n\n Form merupakan kumpulan komponen HTML yang digunakan untuk menerima masukan dari pengguna.<\/p>\n\n\n\n Contohnya:<\/p>\n\n\n\n Ilustrasi:<\/p>\n\n\n\n Penjelasan:<\/p>\n\n\n\n GET mengirim data melalui URL.<\/p>\n\n\n\n Misalnya:<\/p>\n\n\n\n Contoh:<\/p>\n\n\n\n Kemudian pada Output<\/p>\n\n\n\n \u2714 Mudah diuji<\/p>\n\n\n\n \u2714 URL dapat dibagikan<\/p>\n\n\n\n \u2714 Cocok untuk pencarian data<\/p>\n\n\n\n POST mengirim data tanpa ditampilkan pada URL.<\/p>\n\n\n\n Form<\/p>\n\n\n\n Proses<\/p>\n\n\n\n Tambahkan di bawah form.<\/p>\n\n\n\n Fungsi:<\/p>\n\n\n\n Mengecek apakah suatu variabel sudah memiliki nilai.<\/p>\n\n\n\n Contoh<\/p>\n\n\n\n Tanpa Program PHP menampilkan kembali seluruh data yang dimasukkan.<\/p>\n\n\n\n Buat form berisi:<\/p>\n\n\n\n Kemudian tampilkan hasilnya.<\/p>\n\n\n\n Tambahkan field:<\/p>\n\n\n\n Buat Form Registrasi Anggota Perpustakaan.<\/p>\n\n\n\n Data:<\/p>\n\n\n\n Data yang harus diinput:<\/p>\n\n\n\n Output ditampilkan kembali dalam bentuk tabel HTML.<\/p>\n","protected":false},"excerpt":{"rendered":" Tujuan Pembelajaran Setelah mempelajari bab ini, peserta didik mampu: Pendahuluan Website yang hanya menampilkan informasi disebut website statis. Sebaliknya, website…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[21],"tags":[38],"class_list":["post-670","post","type-post","status-publish","format-standard","hentry","category-tutorial-php","tag-tutorial-php"],"_links":{"self":[{"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/posts\/670","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/comments?post=670"}],"version-history":[{"count":1,"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/posts\/670\/revisions"}],"predecessor-version":[{"id":671,"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/posts\/670\/revisions\/671"}],"wp:attachment":[{"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/media?parent=670"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/categories?post=670"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bisasoftware.id\/2026\/wp-json\/wp\/v2\/tags?post=670"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\n
\n\n\n\nApa itu Form?<\/h1>\n\n\n\n
\n
Nama : [____________]
Alamat : [____________]
Email : [____________]
[ SIMPAN ]<\/code><\/pre>\n\n\n\n
\n\n\n\nStruktur Dasar Form HTML<\/h1>\n\n\n\n
<form action=\"proses.php\" method=\"post\">
Nama :
<input type=\"text\" name=\"nama\">
<br><br>
<input type=\"submit\" value=\"Simpan\">
<\/form><\/code><\/pre>\n\n\n\n\n
action<\/code> \u2192 tujuan pengiriman data.<\/li>\n\n\n\nmethod<\/code> \u2192 cara mengirim data.<\/li>\n\n\n\nname<\/code> \u2192 nama variabel yang diterima PHP.<\/li>\n<\/ul>\n\n\n\n
\n\n\n\nMengenal Method GET<\/h1>\n\n\n\n
http://localhost\/proses.php?nama=Andi<\/code><\/pre>\n\n\n\n<form action=\"proses.php\" method=\"get\">
Nama
<input type=\"text\" name=\"nama\">
<input type=\"submit\">
<\/form><\/code><\/pre>\n\n\n\nproses.php<\/code><\/p>\n\n\n\n<?php
echo $_GET['nama'];
?><\/code><\/pre>\n\n\n\nAndi<\/code><\/pre>\n\n\n\n
\n\n\n\nKelebihan GET<\/h1>\n\n\n\n
\n\n\n\nKekurangan GET<\/h1>\n\n\n\n
\n
\n\n\n\nMengenal Method POST<\/h1>\n\n\n\n
<form action=\"proses.php\" method=\"post\">
Nama
<input type=\"text\" name=\"nama\">
<input type=\"submit\">
<\/form><\/code><\/pre>\n\n\n\n<?php
echo $_POST['nama'];
?><\/code><\/pre>\n\n\n\n
\n\n\n\nKelebihan POST<\/h1>\n\n\n\n
\n
\n\n\n\nGET vs POST<\/h1>\n\n\n\n
GET<\/th> POST<\/th><\/tr><\/thead> Data terlihat<\/td> Data tersembunyi<\/td><\/tr> Cepat<\/td> Sedikit lebih lambat<\/td><\/tr> Untuk pencarian<\/td> Untuk menyimpan data<\/td><\/tr> Tidak aman<\/td> Lebih aman<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n
\n\n\n\nMembuat Form Biodata<\/h1>\n\n\n\n
<!DOCTYPE html>
<html>
<head>
<title>Form Biodata<\/title>
<\/head>
<body>
<form method=\"post\">
Nama
<br>
<input type=\"text\" name=\"nama\">
<br><br>
Umur
<br>
<input type=\"number\" name=\"umur\">
<br><br>
<input type=\"submit\">
<\/form>
<\/body>
<\/html><\/code><\/pre>\n\n\n\n
\n\n\n\nMenampilkan Data<\/h1>\n\n\n\n
<?php
if(isset($_POST['nama']))
{
echo \"<hr>\";
echo \"Nama : \".$_POST['nama'];
echo \"<br>\";
echo \"Umur : \".$_POST['umur'];
}
?><\/code><\/pre>\n\n\n\n
\n\n\n\nMengenal isset()<\/h1>\n\n\n\n
if(isset($_POST['nama']))
{
echo \"Data Ada\";
}<\/code><\/pre>\n\n\n\nisset()<\/code>, program sering menghasilkan error:<\/p>\n\n\n\nUndefined array key<\/code><\/pre>\n\n\n\n
\n\n\n\nStudi Kasus<\/h1>\n\n\n\n
Form Pendaftaran Siswa<\/h2>\n\n\n\n
Nama
Alamat
Jurusan
No HP
Email
[DAFTAR]<\/code><\/pre>\n\n\n\n
\n\n\n\nLatihan Praktik Bab 4<\/h1>\n\n\n\n
Latihan 1<\/h3>\n\n\n\n
\n
\n\n\n\nLatihan 2<\/h3>\n\n\n\n
\n
\n\n\n\nLatihan 3<\/h3>\n\n\n\n
\n
\n\n\n\nTugas Praktik Bab 4<\/h1>\n\n\n\n
Membuat Form Pendaftaran Ekstrakurikuler<\/h2>\n\n\n\n
\n