Memasukkan dan Menampilkan Data pada HTML dan PHP

Dalam tutorial ini saya menggunakan Adobe Dreamweaver CS6 dan XAMPP. Bila anda belum mempunyai tools tersebut, anda bisa mendownload di website resminya.

Tanpa berlama-lama kita langsung menuju tutorialnya, cekidot.

Contoh Kasus 1 :

Buatlah script yang akan digunakan untuk memasukkan dan menampilkan data berikut:

- Input : Nama, Alamat, Nilai1, Nilai2, Nilai3

- Output : Nama, Alamat, Total Nilai dan Rata-rata Nilai

Penyelesaian :

1. Buka Adobe Dreamweaver CS6
2. Pilih HTML, kemudian anda ketik script di gambar ini, anda bisa menyimpannya dengan nama "no1.html" atau sesuai keinginan anda. Simpan dalam folder C:\xampp\htdocs.

dalam script '<form action="no1.php"......' ganti "no1.php" sesuai dengan file php yang akan dibuat setelah ini.

3. Buat file baru dengan format PHP (ctrl+N) kemudian ketik script dibawah:

4. Simpan dengan nama "no1.php" atau bebas asalkan sama dengan yang diinput di script '<form action="no1.php"......' dalam file html di no 2.

5. Jalankan Xampp, kemudian Start Apache dan Mysqlnya.

6. Jalankan browser anda kemudian ketikan localhost/no1.html hingga muncul tampilan seperti dibawah.

7. Kemudian, input dan klik ok sehingga muncul output yang dihandle file "no1.php"

Contoh Kasus 2 :

Ubah script dibawah ini agar bisa diinput seperti Kasus 1

Penyelesaian :

1. Buka Adobe Dreamweaver CS6
2. Pilih HTML, kemudian anda ketik script di gambar ini, anda bisa menyimpannya dengan nama "operator.html" atau sesuai keinginan anda. Simpan dalam folder C:\xampp\htdocs.

3. Buat file baru dengan format PHP (ctrl+N) kemudian ketik script dibawah:

4. Simpan dengan nama "operator.php" atau bebas asalkan sama dengan yang diinput di script '<form action="operator.php"......' dalam file html di no 2.

5. Jalankan Xampp, kemudian Start Apache dan Mysqlnya.

6. Jalankan browser dan ketikkan localhost/operator.html

7. Input nilai A dan B kemudian klik Ok sehingga akan dihandle oleh file "operator.php"

Sekian Tutorial dari Lingga kali ini, semoga bermanfaat. C U :)